/* BASIC css start */ div.C-36239-1-14091 .tit-page h2 {color:#424242; font-size: 0.875em; padding: 6px; border-bottom: 1px solid #aaa;} div.C-36239-1-14091 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } /* ========================================= 모바일 장바구니 상품 전체 ========================================= */ /* 상품 한 개 */ .not_provider .uf-cart-item{position:relative!important; padding:7px 0px 0!important; border-bottom:0!important; box-sizing:border-box!important;} /* 상품 상단 체크 / 삭제 영역 */ .not_provider .basketTop{position:relative!important; margin:0 0 4px!important; padding:0!important; min-height:24px!important; height:24px!important; background:transparent!important; border:0!important;} .not_provider .basketTop .pname{position:relative!important; margin:0!important; padding:0!important; min-height:24px!important; background:transparent!important; border:0!important;} /* 삭제 버튼 X */ .not_provider .basketTop .pname>a[href*="send_basket"]{position:absolute!important; top:0!important; right:0!important; z-index:5!important; width:24px!important; height:24px!important; font-size:0!important; text-decoration:none!important;} .not_provider .basketTop .pname>a[href*="send_basket"] .fa{display:none!important;} .not_provider .basketTop .pname>a[href*="send_basket"]::before,.not_provider .basketTop .pname>a[href*="send_basket"]::after{content:""; position:absolute!important; top:13px!important; left:5px!important; width:18px!important; height:1px!important; background:#888!important;} .not_provider .basketTop .pname>a[href*="send_basket"]::before{transform:rotate(45deg)!important;} .not_provider .basketTop .pname>a[href*="send_basket"]::after{transform:rotate(-45deg)!important;} /* ========================================= 이미지 + 상품정보 ========================================= */ .not_provider li {border-bottom: 1px solid #bebebe!important; border-top: 0px!important;} /* 본문 2열 */ .not_provider .basketBody{display:grid!important; grid-template-columns:120px minmax(0,1fr)!important; gap:12px!important; align-items:stretch!important; width:100%!important; margin:0!important; padding:0!important; box-sizing:border-box!important;} /* 썸네일 영역 */ .not_provider .basketLeft{width:120px!important; float:none!important; margin:0!important; padding:0!important;} .not_provider .basketLeft>a,.not_provider .basketLeft img{display:block!important; margin:0!important; padding:0!important;} .not_provider .basketLeft img{width:100%!important; height:auto!important;} /* 오른쪽 상품정보 */ .not_provider .basketRight{position:relative!important; display:flex!important; flex-direction:column!important; width:auto!important; min-width:0!important; height:100%!important; float:none!important; margin:0!important; padding:0 28px 38px 0!important; box-sizing:border-box!important;} /* 상품명 */ .not_provider .uf-cart-product-name{display:block!important; margin:0 0 3px!important; padding:0!important; color:#111!important; font-size:13px!important; line-height:1.4!important; font-weight:400!important; text-decoration:none!important; word-break:keep-all!important;} /* 기존 기본 수량 / 옵션 확인 버튼 숨김 */ .not_provider .basketRight .custom_bq{display:none!important;} .not_provider .option-button{display:none!important;} /* ========================================= 옵션정보 / 판매가격 ========================================= */ /* 옵션 전체 */ .not_provider .uf-cart-option-area{display:block!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; background:none!important; box-sizing:border-box!important;} .not_provider .uf-cart-option-area>p{margin:0!important; padding:0!important; border:0!important;} /* 옵션 정보 */ .not_provider .uf-cart-options{display:block!important; width:100%!important; margin:0!important; padding:0!important; font-size:11px!important; line-height:1.45!important; color:#666!important; text-align:left!important;} /* 판매가격 */ .not_provider .uf-cart-option-area .price-sell{display:block!important; width:100%!important; margin:7px 0 0!important; padding:0!important; font-size:0!important; line-height:1.3!important; color:#111!important; font-weight:700!important; text-align:left!important;} .not_provider .uf-cart-option-area .price-sell span{font-size:15px!important; font-weight:700!important; color:#111!important;} .not_provider .uf-cart-option-area .price-sell::after{content:"원"; margin-left:2px!important; font-size:11px!important; font-weight:400!important; color:#111!important;} .not_provider .uf-cart-options .MS_option_price{margin-left:2px!important; font-size:11px!important; color:#666!important;} /* ========================================= 수량 조절 ========================================= */ /* 수량 전체 - 썸네일 하단 기준 */ .not_provider .uf-cart-qty{position:absolute!important; left:-4px!important; bottom:0!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:5px!important; width:auto!important; height:28px!important; margin:0!important; padding:0!important; font-size:0!important;} /* - / + 버튼 */ .not_provider .uf-cart-qty>a{display:flex!important; flex:0 0 28px!important; align-items:center!important; justify-content:center!important; width:28px!important; min-width:28px!important; max-width:28px!important; height:28px!important; min-height:28px!important; max-height:28px!important; margin:0!important; padding:0!important; border:1px solid #cfcfcf!important; border-radius:0!important; background:#fff!important; background-image:none!important; box-shadow:none!important; outline:none!important; appearance:none!important; -webkit-appearance:none!important; line-height:28px!important; box-sizing:border-box!important; overflow:hidden!important;} .not_provider .uf-cart-qty>a:last-of-type{order:1!important;} .not_provider .uf-cart-qty>a:first-of-type{order:3!important;} /* 가운데 수량 숫자 */ .not_provider .uf-cart-qty .amount-input{order:2!important; display:block!important; flex:0 0 18px!important; width:18px!important; min-width:18px!important; max-width:18px!important; height:28px!important; min-height:28px!important; max-height:28px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; outline:none!important; appearance:none!important; -webkit-appearance:none!important; font-size:13px!important; line-height:28px!important; color:#333!important; text-align:center!important; box-sizing:border-box!important;} /* - / + 내부 기호 */ .not_provider .uf-cart-qty>a .btn-amount{display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; border:0!important; background:none!important; background-image:none!important; box-shadow:none!important; outline:none!important; font-size:0!important; line-height:1!important;} .not_provider .uf-cart-qty>a .btn-amount::before{display:none!important; content:none!important;} .not_provider .uf-cart-qty>a .btn-amount::after{border:0!important; background:none!important; box-shadow:none!important; color:#555!important; font-size:15px!important; line-height:1!important;} .not_provider .uf-cart-qty>a:last-of-type .btn-amount::after{content:"−"!important;} .not_provider .uf-cart-qty>a:first-of-type .btn-amount::after{content:"+"!important;} /* ========================================= 선택옵션 수정 ========================================= */ /* 수량 옆 하단 위치 */ .not_provider .uf-cart-option-change{position:absolute!important; left:94px!important; bottom:0!important; width:auto!important; height:28px!important; margin:0!important; padding:0!important;} /* 버튼 */ .not_provider .btn-option-change{display:flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:88px!important; height:28px!important; margin:0!important; padding:0 10px!important; border:1px solid #d7d7d7!important; background:#fff!important; color:#444!important; font-size:11px!important; line-height:1!important; text-decoration:none!important; box-sizing:border-box!important;} .not_provider .btn-option-change span{font-size:0!important;} .not_provider .btn-option-change span::after{content:"선택옵션 수정"; font-size:11px!important; color:#444!important;} /* ========================================= 체크박스 ========================================= */ /* 기본 */ .basket input.MS_input_checkbox{appearance:none!important; -webkit-appearance:none!important; width:17px!important; height:17px!important; margin:0!important; padding:0!important; border:1px solid #bdbdbd!important; border-radius:2px!important; background:#fff!important; background-image:none!important; box-sizing:border-box!important; vertical-align:middle!important;} /* 체크 상태 */ .basket input.MS_input_checkbox:checked{border-color:#424242!important; background-color:#424242!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' d='M4 10l4 4 8-9'/%3E%3C/svg%3E")!important; background-position:center!important; background-repeat:no-repeat!important; background-size:14px 14px!important;} /* ========================================= 추가구성 표시 ========================================= */ /* 추가구성 아이콘 영역 숨김 */ .not_provider a:has(img[src*="add_icon@2x.jpg"]),.not_provider a:has(img[src*="add_icon02.jpg"]){display:none!important;} /* ========================================= 전체선택 / 선택삭제 ========================================= */ /* 전체선택 영역 */ .basket .all-select{background:#fff!important; background-color:#fff!important; border-bottom:1px solid #bebebe!important; padding: 15px 0px!important;} /* 버튼 묶음 */ .basket .all-select .btn-wrap{display:flex!important; align-items:center!important; justify-content:flex-end!important;} /* 선택삭제 */ .basket .all-select .btn-wrap>div:first-child{width:auto!important; margin-left:auto!important;} .basket .all-select .btn-wrap>div:first-child>a{display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; height:30px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#222!important; line-height:30px!important; text-decoration:none!important; box-sizing:border-box!important;} /* 비우기 숨김 */ .basket .all-select .btn-wrap>div:nth-child(2){display:none!important;} /* ========================================= 장바구니 기타 영역 ========================================= */ /* 상단 상품 개수 안내 숨김 */ #contents .basket .h_title{display:none!important;} /* 장바구니 타이틀 하단선 숨김 */ .tit-page h2{border-bottom:0!important;} /* 장바구니 전체 박스 상단선 */ .basket-all{border-top:1px solid #bebebe!important; border-left: 0px!important; border-right: 0px!important; border-bottom: 0px!important; } /* ========================================= 주문하기 버튼 ========================================= */ #contents .basket .btn-center a.btn_Red[href*="multi_order"]{color:#fff!important; background:#333!important; background-color:#333!important; background-image:none!important; border:1px solid #333!important; box-shadow:none!important;} /* ========================================= 네이버페이 ========================================= */ /* 전체 컨테이너 */ #nhn_btn{width:100%!important;} /* 네이버페이 본체 */ #nhn_btn .npay_type_MA_1{width:96%!important; max-width:none!important; box-sizing:border-box!important;} /* ========================================= 장바구니 총 구매금액 / 총 합계금액 ========================================= */ /* 총 구매금액 */ .price-total-info-top{display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; margin:0!important; padding:12px 14px!important; box-sizing:border-box!important; background:#fff!important; border-top:0px!important; text-align:left!important;} /* 총 합계금액 */ .price-total-info-bottom{display:flex!important; align-items:flex-end!important; justify-content:space-between!important; width:100%!important; margin:0!important; padding:16px 14px!important; box-sizing:border-box!important; background:#fff!important; text-align:left!important;} /* 라벨 공통 */ .price-total-info-top .uf-total-label, .price-total-info-bottom .uf-total-label{display:block!important; flex:0 0 auto!important; margin:0!important; padding:0!important;} /* 금액 공통 */ .price-total-info-top .uf-total-price, .price-total-info-bottom .uf-total-price{display:flex!important; align-items:flex-end!important; justify-content:flex-end!important; flex:0 0 auto!important; width:auto!important; max-width:60%!important; margin:0!important; padding:0!important; text-align:right!important; box-sizing:border-box!important;} /* 총 구매금액 값 */ .price-total-info-top .uf-total-price{font-size:13px!important; font-weight:400!important; color:#111!important;} /* 총 합계금액 값 */ .price-total-info-bottom .uf-total-price{font-size:0!important; line-height:1!important; color:#e53935!important;} /* 총 합계금액 숫자 */ .price-total-info-bottom .uf-total-price strong{font-size:28px!important; font-weight:800!important; line-height:1!important; color:#e53935!important;} /* 총 합계금액 원 */ .price-total-info-bottom .uf-total-won{margin-left:3px!important; font-size:12px!important; font-weight:400!important; color:#111!important;} /* 총 구매금액 */ .price-total-info-top{position:relative!important; border-top:0!important; border-bottom:0!important;} /* 총 합계금액 */ .price-total-info-bottom{position:relative!important; border-bottom:0!important;} /* 두 영역 하단 라인 - 좌우 14px 안쪽 */ .price-total-info-top::after, .price-total-info-bottom::after{content:""; position:absolute!important; left:14px!important; right:14px!important; bottom:0!important; height:1px!important; background:#cbcbcb!important;} div.C-36239-1-14092 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36239-1-14093 .h_title {font-size: 0.875em; text-align: center; padding: 10px; margin-bottom: 5px; background-color: #eff5fc;} div.C-36239-1-14093 .h_title em {font-style: inherit; font-weight: bold; color: #F74F4F;} div.C-36239-1-14093 .basket-all {border-top: 2px solid #444;margin: 5px 10px;border-left: 1px solid #bebebe;border-right: 1px solid #bebebe;border-bottom: 1px solid #bebebe;} div.C-36239-1-14093 .all-select {border-bottom: 1px solid #444;background-color: #e2e6ea;padding: 15px 10px;position: relative; font-size: 0.75em;} div.C-36239-1-14093 .all-select .btn-wrap {position: absolute;right: 10px;top: 8px;} div.C-36239-1-14093 .all-select .btn-wrap div {float: left;} div.C-36239-1-14093 .all-select .btn-wrap a {width: 80px;height: 30px;line-height: 30px;background-color:#fff;text-align:center;display:block;border: 1px solid #777;box-sizing: border-box;vertical-align: middle;} div.C-36239-1-14093 .all-select .btn-wrap .btn_White {border-radius: 5px 0 0 5px; border-right: 0;} div.C-36239-1-14093 .all-select .btn-wrap .btn_Grey {border-radius: 0 5px 5px 0;} div.C-36239-1-14093 .basketTop .pname {font-size: 0.875em;background-color: #F2F4F7;padding: 10px 40px 10px 10px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} div.C-36239-1-14093 .basketTop .pname .fa {position: absolute; top: 7px; right: 10px; color: #525252;} div.C-36239-1-14093 .basketBody {overflow: hidden;} div.C-36239-1-14093 .basketBottom {display: none;padding: 10px;margin: 0 10px 10px;border: 1px solid #777;border-top: 0; font-size: 0.75em;} div.C-36239-1-14093 .basketBottom p {padding-top: 7px;} div.C-36239-1-14093 .basketBottom p:first-child {padding-top: 0;} div.C-36239-1-14093 .basketBottom .amount-input {width: 50px;} div.C-36239-1-14093 .basketBottom a .btn-amount {background-color: #FFFFFF; width: 45px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; display: inline-block; border: 1px solid #7D7D7D; border-radius: 2px; box-sizing: border-box;} div.C-36239-1-14093 .basketBottom .btn_Black {color: #fff; background-color: #313131; border: 1px solid #313131; height: 35px; line-height: 35px; font-size: 0.875em; box-sizing: border-box; display: inline-block; border-radius: 3px; width: 60px; vertical-align: middle; text-align: center;} div.C-36239-1-14093 .basketBottom .btn-option-change {color: #f34141; background-color: #fffafa; border: 1px solid #F74F4F; height: 35px; line-height: 35px; box-sizing: border-box; display: inline-block; border-radius: 3px; width: 100%; vertical-align: middle; text-align: center; font-weight: bold;} div.C-36239-1-14093 .option-button {text-align: center; border: 1px solid #777; margin: 10px 10px 0; font-size: 0.75em; background-color: #f4f4f4; color: #424242; font-weight: bold; height: 35px; line-height: 35px;} /* 내 쇼핑 혜택 보기 */ div.C-36239-1-14093 .user-group {position: relative; padding: 10px 10px 5px; display: none;} div.C-36239-1-14093 .user-group .btn-show {display: block; text-align: center; font-size: 0.75em; border: 1px solid #F74F4F; width: 115px; padding: 5px; color: #F74F4F; border-radius: 30px; margin: 0 auto;} div.C-36239-1-14093 .user-group .user-desc {display: none; font-size: 0.75em; border: 1px solid #bebebe; padding: 3px 5px; background-color: #f9f9f9; margin-top: 3px} div.C-36239-1-14093 .user-group .user-desc li {padding: 5px 0; border-bottom: 1px dotted #777;} div.C-36239-1-14093 .user-group .user-desc li:last-child {border-bottom: 0;} /* 기존 소스 */ div.C-36239-1-14093 .not_provider li {padding-bottom: 10px;border-top: 1px solid #bebebe;} div.C-36239-1-14093 figure {width:100%; box-sizing: border-box;} div.C-36239-1-14093 .basketLeft {width: 40%; position:relative; float: left; padding-left: 10px; box-sizing: border-box; text-align: center;} div.C-36239-1-14093 .basketLeft img {max-width: 100%;} div.C-36239-1-14093 .basketLeft a {padding-right: 10px; margin-top: 10px; display:block;} div.C-36239-1-14093 .basketLeft .MS_input_checkbox {top:0; left:0; position:absolute;} div.C-36239-1-14093 .basketRight {width: 60%; padding: 8px 10px 0 0; font-size: 0.79em; float: left; box-sizing: border-box;} div.C-36239-1-14093 .basketRight p {color:#424242; margin-bottom:5px;} div.C-36239-1-14093 .basketRight .price-consumer .deco {text-decoration: line-through;} div.C-36239-1-14093 .basketRight .engname {border-bottom: 2px solid #424242; word-break: break-all; font-size: 1.2em;} div.C-36239-1-14093 .basketRight .package img.prd-img {width: 17px; height: 17px;} div.C-36239-1-14093 .basketRight .package span {vertical-align: middle;} div.C-36239-1-14093 .basketRight .btn_Black {margin-top:5px;} div.C-36239-1-14093 .basketRight .MS_select {width:100%;} div.C-36239-1-14093 .basketRight .amount-input {width:50px;} div.C-36239-1-14093 .price-each-info-top {text-align : right; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background:#eaeaea; padding:10px;} div.C-36239-1-14093 .price-each-info-bottom {text-align : right; padding:10px; background:#eaeaea; border-bottom:1px solid #cbcbcb;} div.C-36239-1-14093 .price-total-info-top {border-top: 2px solid #464646; border-bottom: 1px solid #cbcbcb; background-color: #F2F4F7; text-align : right; padding:10px; margin-top:10px; font-size: 0.75em; margin: 0 10px;} div.C-36239-1-14093 .price-total-info-bottom {border-bottom: 1px solid #464646; text-align : right; padding:15px 10px; font-size:1em; margin: 0 10px;} div.C-36239-1-14093 .price-total-info-bottom .txt-price {color : #f1191f; font-weight:bold;} div.C-36239-1-14093 .price-total-info-bottom .txt-reserve {color : #898989; font-size:0.688em;} div.C-36239-1-14093 .delivery-type { padding: 10px; font-size: 0.75em;} div.C-36239-1-14093 .naver-checkout {margin-top: 20px;} div.C-36239-1-14093 .btn-center {text-align: center; padding: 10px;} div.C-36239-1-14093 .btn-center a {color: #fff; background-color: #F74F4F; border: 1px solid #F74F4F; height: 40px; line-height: 40px; font-size: 1em; box-sizing: border-box; display: block; border-radius: 3px; font-weight: bold;} /* 페이코 구매 영역 */ div.C-36239-1-14093 .cart-payco { display: block; text-align: center; } /* 카트프리 상품 영역 */ div.C-36239-1-14093 .cart-free-wrap { text-align:center; margin: 0 10px; padding: 5px 0; background-color: #F2F4F7; } div.C-36239-1-14093 .cart-free-wrap .btn-list-open { display:inline-block; width:200px; height:30px; line-height:30px; background:#fff; color:#585858; font-weight:bold; font-size: .75em; text-align:center; border: 1px solid #585858; border-radius: 3px;} div.C-36239-1-14093 .cart-free-wrap .cart-free-tit { padding-bottom:7px; font-size: .875em; font-weight:bold; } div.C-36239-1-14093 .cart-free-wrap .btn-more { display:inline-block; width:200px; height:30px; line-height:30px; margin-top:10px; border:1px solid #383838; background:#fff; color:#383838; font-size: .75em; text-align:center; box-sizing: border-box; } div.C-36239-1-14093 .cart-free-wrap .btn-more span { display:inline-block; width:8px; height:5px; margin-left:5px; background:url(/images/d3/m_04/h10_arr.gif) no-repeat 0 0; background-size:100% 100%; vertical-align:middle; } div.C-36239-1-14093 .cart-free-wrap .cart-free-tit span { color:#f40000; } div.C-36239-1-14093 .cart-free-wrap .pp-goods-group { display: none; } div.C-36239-1-14093 .list_shopping {overflow:hidden; margin: 5px; background-color: #fff; padding: 5px 0; border-radius: 5px; border: 1px solid #dde1e6;} div.C-36239-1-14093 .list_shopping ul {display: table; table-layout: fixed; box-sizing: border-box; font-size: 0; margin-top:8px; width: 100%;} div.C-36239-1-14093 .list_shopping ul.items li.pro2x { width : 50%; } div.C-36239-1-14093 .list_shopping ul.items li.pro3x { width : 33.3%; } div.C-36239-1-14093 .list_shopping .align-style { position: absolute; bottom: 0; left: 2px; right: 2px; width: auto; padding: 3px 7px; background: rgba(0, 0, 0, 0.2); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); text-align: center; font-size: 12px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} div.C-36239-1-14093 .list_shopping ul li {margin-bottom:10px; position: relative; word-wrap: break-word; word-break: keep-all; display: inline-block; vertical-align: top; padding: 0 2px; box-sizing: border-box;} div.C-36239-1-14093 .list_shopping ul li img {max-width:100%; height:auto;} div.C-36239-1-14093 .list_shopping ul li .thumb-img a {display:block; margin:0 2px;} div.C-36239-1-14093 .list_shopping ul li dl {padding:5px 7px 0;} div.C-36239-1-14093 .list_shopping ul li dl dt {padding-bottom:5px;} div.C-36239-1-14093 .list_shopping ul li p {padding:0 7px;} div.C-36239-1-14093 .list_shopping #MS_cartfree_product_more {margin: 0 10px 10px;} /* 판매상태 */ div.C-36239-1-14093 .basketRight .bsold-out .state-ico {border: 1px solid #ff7777; color: #ff5b5b; border-radius: 3px; height: 20px; line-height: 20px; display: inline-block; font-size: 0.875em; text-align: center; padding: 0 10px;} /* 미리보기 아이콘 */ div.C-36239-1-14093 .list_shopping ul li .preview-ico {position: absolute; top: 2px; right: 2px; width: 25px; height: 25px; background-color: rgba(255, 255, 255, 0.6); line-height: 24px; border-radius: 99px; text-align: center;} div.C-36239-1-14093 .list_shopping ul li .preview-ico img {width: 20px; height: 20px;} div.C-36239-1-14093 .basket-option-dlist li img { width:30px; height:30px; vertical-align:middle; } /* 정기배송 장바구니 탭 */ div.C-36239-1-14093 .subs-tab { width:100%; height:40px; border-top:1px solid #adadac; margin-top:-1px; } div.C-36239-1-14093 .subs-tab li { float:left; width:50%; height:39px; border-bottom:1px solid #adadac; background:#f7f7f7; } div.C-36239-1-14093 .subs-tab li a { display:inline-block; width:100%; height:100%; line-height:37px; color:#9d9d9d; font-size:12px; text-align:center; text-decoration:none; background:none; font-weight:bold; vertical-align:top; } div.C-36239-1-14093 .subs-tab li:last-child a { border-left:1px solid #adadac; } div.C-36239-1-14093 .subs-tab li.now { background:#fff; border-bottom:1px solid #fff; } div.C-36239-1-14093 .subs-tab li.now a { color:#000; } div.C-36239-1-14093 .subs-tab li.now a span { color:#ff0000; } /* 정기배송 장바구니 탭 */ /* 샵페이 바로구매 start */ #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_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_text { background-size: 82px auto !important; } .shoppay_btn_link.shoppay_btn_pay { background-size: 133px auto !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_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; } /* 샵페이 바로구매 end */ /* 선물하기 */ .btn-center { display:flex; text-align: center; padding: 10px; } .btn-center a { display:inline-block; width:100%; height:40px; line-height:40px; font-size: 1em; box-sizing: border-box; border-radius: 3px; font-weight: bold; } .btn-center a.btn_Red { color: #fff !important; background-color: #f74f4f !important; border: 1px solid #f74f4f !important; } .btn-center .btn_Present { margin-left: 5px; background-color: #ffffff !important; border: 1px solid #f74f4f !important; color: #f74f4f !important; } .btn-center .btn_Present .fa-gift { font-size: 1.250em; } div.C-36239-1-14093 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36239-1-14095 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36239-1-14096 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } /* BASIC css end */