/* BASIC css start */ #SMS_cart_myp[data-page="basket"] #basket .not_provider li .pname{height: auto; line-height: 1.6; font-weight: 600; display: flex; padding: 5px 12px;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li .pname .prd-name{ padding-left: 5px;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li .pname .prd-name span{ font-size: 13px; color: #6f6f6f; font-weight: 500; display: block; line-height: 2;} #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: #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: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} #basket .basketRight .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} #basket .basketRight .btn_Black {margin-top:5px;} #basket .basketRight .MS_select {width:100%;} #basket .basketRight .amount-input {width:50px;} #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 .order-btn .btn_Red {background-color: #f1191f; border: 1px solid #f1191f;} #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;} } .basketLeft .icons { width: 30px; position: absolute; top: 0; right: 8px; display: block; } .basketLeft .icons img{width:100%;} .cart-free-wrap { text-align:center; margin-bottom: 10px; } .cart-free-wrap .btn-list-open { display:inline-block; width:90%; height:30px; line-height:30px; background:#585858; color:#fff; font-weight:bold; font-size: .75em; text-align:center; } .cart-free-wrap p { padding:10px 0 15px; font-size: .75em; font-weight:bold; } .cart-free-wrap p span { color:#f40000; } .cart-free-wrap .btn-more { display:inline-block; width:94%; height:30px; line-height:30px; margin-top:10px; border:1px solid #383838; background:#fff; color:#383838; font-size: .75em; text-align:center; } .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; } .cart-free-wrap .list-wrap { overflow-x:hidden; padding:0 20px; margin-top:20px; display: none; } .cart-free-wrap .list-wrap ul { width:100%; list-style:none; } .cart-free-wrap .list-wrap ul:after { clear: both; content: ""; display: block; } .cart-free-wrap .list-wrap ul li { float:left; width:33.3333%; height:180px; font-size: .7em; list-style:none; } .cart-free-wrap .list-wrap ul li dl { margin:10px 10px 10px; } .cart-free-wrap .list-wrap ul li dl dt { height:100px; margin-bottom:13px; } .cart-free-wrap .list-wrap ul li dl dt img { width:100%; height:100%; } .cart-free-wrap .list-wrap ul li dl dd {font-size:11px; line-height:120%; } #kakaopay_order_btn { text-align:center;} .payco-checkout { margin:10px 0;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 에코작업 */ .SMS_all_header{font-size:19px; font-weight:400; color:#000; height:auto; line-height:1; border-top:0; border-bottom:0; padding:25px 0;} .SMS_all_header a{background:url(/design/aaron/smartskin/custom/img/myp_back.png) center no-repeat; border:0; background-size:13px; top:50%; transform:translateY(-50%);} #SMS_cart_myp #contents{padding:0;} #SMS_cart_myp #basket .all-select{font-size:14px; font-weight:500; color:#000; padding:12px 1rem; background-color:unset; border:0; border-bottom:solid 4px #F6F6F6;} #SMS_cart_myp #basket .all-select input[type=checkbox]{position:unset; background:url(/design/aaron/ECHO/ui%20icon/checkbox_off.svg) center /100% !important; background-color:unset; border:none; -webkit-appearance:unset; border:0 !important; border-radius:0 !important; transition:none;} #SMS_cart_myp #basket .all-select input[type=checkbox]:checked{background:url(/design/aaron/ECHO/ui%20icon/checkbox_on.svg) center /100% !important;border:0 !important; border-radius:0 !important;} #SMS_cart_myp #basket .all-select .SMScart_seldel_btnTD{font-size:14px; font-weight:400; color:#6f6f6f; float:right;} #SMS_cart_myp[data-page="basket"] #basket .not_provider{padding:0 1rem;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li{border:0; border-bottom:solid 1px #D9D9D9; padding:20px 0;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li:last-child{border:0;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li .pname{padding:0; background:0} #SMS_cart_myp[data-page="basket"] #basket .not_provider li .pname input{margin:0; background:url(/design/aaron/ECHO/ui%20icon/checkbox_off.svg) center /100% !important; background-color:unset; border:none; -webkit-appearance:unset; border:0 !important; border-radius:0 !important; transition:none;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li .pname input:checked{background:url(/design/aaron/ECHO/ui%20icon/checkbox_on.svg) center /100% !important;border:0 !important; border-radius:0 !important;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li .pname a{font-size:15px; font-weight:500; color:#000; padding-left:15px;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure{padding:0; padding-top:21px; display:flex; justify-content: space-between;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketLeft{width:100px;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketLeft a{padding:0;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketLeft a img{width:100%; padding:0} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight{padding:0; width:calc(100% - 117px); display:flex; flex-direction: column; justify-content: space-between;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .SMS_basket_op{display:flex; justify-content: space-between; align-items: flex-start; margin-bottom:8px;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .SMS_basket_op p{margin:0; font-size:12px; font-weight:400; color:#000; width:calc(100% - 80px);} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .SMS_basket_op a{display:block; padding:5px 12px; border:solid 1px #D9D9D9; color:#000; font-size:12px; font-weight:400; border-radius:5px; line-height:1} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox{display:flex; justify-content: space-between; align-items: flex-end;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox .SMS_basket_quantity{display:flex;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox .SMS_basket_quantity .basket_up{border:solid 1px #D9D9D9; border-left:0; display:block; width:25px; height:25px; order:2; position:relative;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox .SMS_basket_quantity .basket_up::after{content:'+'; display:inline; font-size:12px; font-weight:400; color:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox .SMS_basket_quantity .basket_down{border:solid 1px #D9D9D9; border-right:0; display:block; width:25px; height:25px; order:0; position:relative;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox .SMS_basket_quantity .basket_down::after{content:'-'; display:inline; font-size:12px; font-weight:400; color:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox .SMS_basket_quantity .amount-input{min-width:25px; height:25px; border:solid 1px #D9D9D9; order:1; text-align:center; padding:0; width:25px;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox .SMS_basket_quantity .quan_basket{display:none;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox .price{text-align:right;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox .price .c-price-sell .price{font-size:14px; font-weight:400; color:#000; margin-top:5px;} #SMS_cart_myp[data-page="basket"] #basket .not_provider li figure .basketRight .priceBox .price > span strike{font-size:12px; font-weight:400; color:#c3c3c3;} #SMS_cart_myp #basket .price-total-info-top{border-top:solid 4px #F6F6F6; padding:0 1rem; border-bottom:0} #SMS_cart_myp #basket .price-total-info-top ul{padding:20px 0; border-bottom:solid 1px #d9d9d9;} #SMS_cart_myp #basket .price-total-info-top ul li{display:flex; flex-direction: row; justify-content: space-between; margin-bottom:12px; flex-wrap: wrap;} #SMS_cart_myp #basket .price-total-info-top ul li:last-child{margin-bottom:0;} #SMS_cart_myp #basket .price-total-info-top ul li span{font-size:14px; font-weight:400; color:#000;} #SMS_cart_myp #basket .price-total-info-top ul li span:nth-child(3){display:block; width:100%; text-align:left; color:#cf1b7c; font-size:14px; font-weight:400; margin-top:8px;} #SMS_cart_myp #basket .price-total-info-top ul li span img{width:13px; height:13px; filter:invert(90%) sepia(1%) saturate(1874%) hue-rotate(245deg) brightness(119%) contrast(70%); margin-top:1px; margin-left:5px;} #SMS_cart_myp #basket .price-total-info-top ul .MK_group_sale_price{} #SMS_cart_myp #basket .price-total-info-bottom{padding:21px 1rem; border-bottom:0;} #SMS_cart_myp #basket .price-total-info-bottom p{display:flex; justify-content: space-between;} #SMS_cart_myp #basket .price-total-info-bottom p span:first-child{font-size:15px; font-weight:500; color:#000;} #SMS_cart_myp #basket .price-total-info-bottom p span:last-child{font-size:20px; font-weight:500; color:#000;} #SMS_cart_myp #basket .price-total-info-bottom > span{margin-top:12px; display:block; width:100%; text-align:right; font-size:12px; font-weight:400; color:#6f6f6f;} #purchased_product_tk{border-top:solid 4px #F6F6F6; padding:0 1rem; margin-bottom:40px;} #purchased_product_tk h3{padding:20px 0 10px 0; font-size:15px; font-weight:500; color:#000; display:block; background:none; margin:0} #purchased_product_tk .list_shoppingRelationItem1x{padding:0; overflow:auto;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix{display:flex; width:max-content; padding-bottom:25px;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li{padding:0; margin-right:10px; width:100px; border:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li:last-child{margin:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure{padding:0} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure a{display:block; width:100%; height:100px;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure a img{width:100%; padding:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure .list_shoppingInfo{border:0; width:100%; float:none; padding-left:0; padding-top:8px;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure .list_shoppingInfo .listName{font-size:12px; font-weight:400; color:#000; margin-bottom:4px; padding:0; border:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure .list_shoppingInfo .listPrice{font-size:12px; font-weight:400; color:#000; margin-bottom:0;} #SMS_cart_myp #basket .order-btn{position:fixed; bottom:0; left:0; width:100%; padding:26px 12px; border-radius:10px 10px 0px 0px; background:#fff; z-index:100; box-shadow:0px -10px 20px 0px rgba(0,0,0,0.05); display:flex; justify-content: space-between; align-items: center} #SMS_cart_myp #basket .order-btn a{width:100%; border-radius:5px !important; background:#000 !important; border:0 !important; text-align:center; padding:16px 0; font-size:15px !important; font-weight:400 !important; color:#fff;} div.none-data{margin:40px 0; padding:0 1rem;} div.none-data p{padding:0; border:0; background:none; font-size:15px; font-weight:400; color:#000;} div.none-data a{display:inline-block; margin-top:20px; border:solid 1px #000; border-radius:5px; padding:12px 26px; font-size:15px; font-weight:400; color:#000;} .gwpImage{display:block; padding:0 1rem; width:100%;} .gwpImage img{width:100%;} /* 옵션변경 */ .option_update{position:fixed; bottom:0; left:0; width:100%; height:452px; border-radius:10px 10px 0px 0px; background:#fff; z-index:1000; box-shadow:0px -10px 20px 0px rgba(0,0,0,0.05); border:0;} /* 팝업 */ .popupBg{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.4); top:0; left:0; z-index:101;} .popup{max-width:94%; background:#fff; padding:20px; border-radius:10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-height:90%; overflow:auto;} .popup .popupHeader{display:flex; justify-content: space-between; padding-bottom:14px;} .popup .popupHeader .title{font-size:16px; font-weight:400; color:#000;} .popup .popupHeader .close{width:16px; height:16px;} .popup .popupHeader .close img{width:100%;} .popup .popupBody{padding-top:14px; text-align:center;} .popup .popupBody table{width:100%;} .popup .popupBody table.group thead tr th{font-size:12px; font-weight:500; color:#000; padding:7px 14px; border-bottom:solid 1px #D9D9D9;} .popup .popupBody table.group tbody tr td{font-size:12px; font-weight:400; color:#000; padding:7px 14px; text-align:center;} .popup .popupBody table.group tbody tr:nth-child(1) td:first-child{color:#FF6481} .popup .popupBody table.group tbody tr:nth-child(2) td:first-child{color:#15444C} .popup .popupBody table.group tbody tr:nth-child(3) td:first-child{color:#DD161B} .popup .popupBody table.group tbody tr:nth-child(4) td:first-child{color:#FEB700} .popup .popupBody table.group tbody tr:nth-child(5) td:first-child{color:#366BD6} .popup .popupBody table.group tbody tr:nth-child(5) td:first-child{color:#5BB500} .popup .popupBody > img{width:100%;} .popup .popupBody > span{display:block; width:100%; border-bottom:solid 1px #D9D9D9; font-size:14px; font-weight:500; padding-bottom:5px; text-align:left;} .popup .popupBody > p {font-size:12px; text-align: left;} .popup .popupBody table.delivery1{margin-bottom:40px;} .popup .popupBody table.delivery2 {margin-bottom: 8px;} .popup .popupBody table.delivery1, .popup .popupBody table.delivery2{width:100%;} .popup .popupBody table.delivery1 tbody tr td, .popup .popupBody table.delivery2 tbody tr td{font-size:12px; font-weight:400; color:#000; padding:7px 0; text-align:left;} .popup .popupBody table.delivery1 tbody tr td:first-child, .popup .popupBody table.delivery2 tbody tr td:first-child{padding-right:14px;} .popup .popupBody table.delivery2 tbody tr td:last-child{min-width:40px} .popup .popupBody table.delivery2 tbody tr td{border-bottom:solid 1px #F6F6F6;} /* BASIC css end */