/* BASIC css start */ #cartWrap .wish-opt { color: #FFA500; } #cartWrap .tit-cart { margin-top: 30px; } /* 회원 등급 표시 */ #cartWrap .mem-lvl { zoom: 1; overflow: hidden; margin-top: 45px; } /* 배송 메세지 */ #cartWrap .delivery { margin-top: 20px; text-align: center; } /* 주문 컨트롤 버튼 */ #cartWrap .btn-order-ctrl { margin-top: 20px; text-align: center; font-size: 0; line-height: 0; } #cartWrap .btn-order-ctrl a { width: 178px; height: 58px; font-size: 16px; line-height: 58px;margin: 0 3px; } .CSSbtnBlack { display: inline-block; color: #fff; text-align: center; border: 1px solid #231f20; background: #231f20; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .CSSbtnWhite { display: inline-block; color: #231f20; text-align: center; border: 1px solid #231f20; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .table-cart tbody td .d-block {padding-bottom:5px;} #cartWrap .tit-cart {font-size:17px; color:#000; margin-bottom:5px; font-family: 'Nanum Gothic', sans-serif;} .table-cart {margin-bottom:40px; border-bottom:0; } .table-cart tbody td, .table-cart tfoot {background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/order/cart_border.jpg) repeat-x 0 0;} .table-cart thead th {padding: 18px 0 16px; background-color: #f6f6f6; border-top:1px solid #c0c0c0; border-bottom:1px solid #e7e7e7; color:#000; font-weight:normal} .table-cart tbody td {padding:18px 0;} .table-cart tbody td .thumb {width:100px; height:100px;} .table-cart tbody td .thumb a, .table-cart tbody td .thumb img {width:100px; height:100px;} .table-cart tbody td .name {font-weight:bold; color:#000;} .table-cart tbody td .tb-opt {margin-top:5px; padding-top:10px; background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/order/option_border_top.gif) repeat-x 0 0;} .table-cart tbody td .opt-spin .btns {margin-top:1px;} .table-cart tbody td div > b {color:#000; } .total_price {border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8; margin-top:50px;} .total_price th, .total_price td {border-right:1px solid #d8d8d8;} .total_price th {height:44px; background:#fafafa; text-align:center; font-size:14px; color:#4f4f4f; font-family: 'Nanum Gothic', sans-serif; vertical-align:middle; padding:0;} .total_price td {position:relative; height:67px; padding:0!important; text-align:center; font-size:24px; color:#4f4f4f; font-family: 'Nanum Gothic', sans-serif; vertical-align:middle; font-weight:bold; border-bottom:1px solid #d8d8d8;} .total_price td.total {color:#e57c00} .total_price td span {font-size:14px; font-weight:normal;} .total_price td img {position:absolute; top:14px; left:-19px;} .order_btn_area {margin-bottom:35px; padding-top:35px;} .order_btn_area .nhn {float:left; } /*.order_btn_area .btn-order-ctrl {float:right;}*/ .table-cart.table-fill-prd {margin-bottom:0} .cart-free-wrap { text-align:center; margin-bottom: 10px; } .cart-free-wrap .btn-list-open { position:relative; display:inline-block; width:60%; height:50px; line-height:50px; background:#ae0000; color:#fff; font-weight:bold; font-size:19px; text-align:center; } .cart-free-wrap .btn-list-open span { position:absolute; top:20px; right:30px; display:inline-block; width:15px; height:9px; background:url(http://sk3188.godohosting.com/site/img/h18_arr.gif) no-repeat 0 0; } .cart-free-wrap .btn-list-open span.open { background:url(http://sk3188.godohosting.com/site/img/h18_arr.gif) no-repeat 0 -9px; } .cart-free-wrap p { padding:20px 0; font-size:14px; 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: 1em; 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; overflow-y:auto; height:1000px; padding:15px 14px 30px; margin-top:20px; border:1px solid #b7b7b7; display: none; } .cart-free-wrap .list-wrap ul { display: table; table-layout: fixed; width:100%; margin: 0; padding: 0; } .cart-free-wrap .list-wrap ul:after { clear: both; content: ""; display: block; } .cart-free-wrap .list-wrap ul li { word-wrap: break-word; word-break: keep-all; display: inline-block; vertical-align: top; width:24%; list-style: none; } .cart-free-wrap .list-wrap ul li dl { margin:15px 15px 10px; } .cart-free-wrap .list-wrap ul li dl dt { margin-bottom:13px; } .cart-free-wrap .list-wrap ul li dl dt img { width:100%; height:auto; border:0; } .cart-free-wrap .list-wrap ul li dl dd {} .cart-free-wrap .list-wrap ul li dl dd strong { color:#f40000; } .cart-free-wrap .list-wrap ul li dl dd a { display:inline-block; padding:5px 8px 3px; margin-top:8px; border:1px solid #999; color:#666; font-weight:bold; background:#fff; } #cartWrap .cart-ft2 { margin: 30px 0; text-align: center; } #nhn_btn { display: inline; } #payco_order_btn { display: inline;margin:0 14px; } #kakaopay_order_btn { display:inline; vertical-align:top; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 에코작업 */ #contentWrap{width:1000px;} #contentWrap #content{margin:0; width:100%;} #contentWrap #content .page_tit_area{text-align:center;} #contentWrap #content .page_tit_area h2{font-size:22px; font-weight:500; color:#373737; margin-bottom:0;} #contentWrap #content #cartWrap > .page-body > #aside{display:flex; flex-wrap: wrap; justify-content: space-between;} #contentWrap #content #aside{width:100%;} #contentWrap #content #aside .lnb-wrap .lnb{display:flex; flex-wrap: wrap; padding-bottom:70px;} #contentWrap #content #aside .lnb-wrap .lnb li{width:calc((100% - 8px)/7); margin:0; border:1px solid #dbdbdb; float:none;} #contentWrap #content #aside .lnb-wrap .lnb li:nth-child(-n+6){border-right:0;} #contentWrap #content #aside .lnb-wrap .lnb li:nth-child(n+8):nth-child(-n+13){border-top:0;} #contentWrap #content #aside .lnb-wrap .lnb li:nth-child(n+8):nth-child(-n+12){border-right:0;} #contentWrap #content #aside .lnb-wrap .lnb li a{width:100%; border:none; height:100%;} #contentWrap #content .order_right{width:320px;} #contentWrap #content .table-cart{width:640px; margin-top:0;} #contentWrap #content .table-cart .all-select{font-size:14px; font-weight:500; color:#000; padding:12px 0; background-color:unset; border:0; border-bottom:solid 1px #6f6f6f;} #contentWrap #content .table-cart .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; width:20px; height:20px; margin-right:12px;} #contentWrap #content .table-cart .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;} #contentWrap #content .table-cart .all-select .SMScart_seldel_btnTD{font-size:14px; font-weight:400; color:#6f6f6f; float:right;} #contentWrap #content .table-cart .prdList li{display:flex; align-items: center; padding:40px 0;} #contentWrap #content .table-cart .prdList li .tb-center{padding:0;} #contentWrap #content .table-cart .prdList li .tb-center 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; width:20px; height:20px;} #contentWrap #content .table-cart .prdList li .tb-center input:checked{background:url(/design/aaron/ECHO/ui%20icon/checkbox_on.svg) center /100% !important;border:0 !important; border-radius:0 !important;} #contentWrap #content .table-cart .prdList li .thumb{width:100px; height:100px; margin-left:17px;} #contentWrap #content .table-cart .prdList li .thumb a{display:block;} #contentWrap #content .table-cart .prdList li .thumb a img{width:100%;} #contentWrap #content .table-cart .prdList li .info{margin-left:20px; width:483px; position:relative;} #contentWrap #content .table-cart .prdList li .info a{font-size:15px; font-weight:500; color:#000; margin-bottom:12px; display:block;} #contentWrap #content .table-cart .prdList li .info > div{display:flex; width:100%; align-items: center; justify-content: space-between;} #contentWrap #content .table-cart .prdList li .info > div:nth-child(2){margin-bottom:20px;} #contentWrap #content .table-cart .prdList li .info > div .tb-opt{max-width:calc(100% - 100px);} #contentWrap #content .table-cart .prdList li .info > div .tb-opt + a{border:solid 1px #d9d9d9; border-radius:5px; color:#000; font-size:12px; font-weight:400; margin-bottom:0; padding:5px 12px; display:block; width:52px;} #contentWrap #content .table-cart .prdList li .info > div .opt-spin .btns{display:flex; width:auto; height:auto; margin-top:0;} #contentWrap #content .table-cart .prdList li .info > div .opt-spin .btns a{display:block; border:solid 1px #D9D9D9; width:25px; height:25px; text-align:center; margin-bottom:0} #contentWrap #content .table-cart .prdList li .info > div .opt-spin .btns a:nth-child(1)::after{content:'-'; line-height:25px; font-size:12px; font-weight:400; color:#000;} #contentWrap #content .table-cart .prdList li .info > div .opt-spin .btns a:nth-child(3)::after{content:'+'; line-height:25px; font-size:12px; font-weight:400; color:#000;} #contentWrap #content .table-cart .prdList li .info > div .opt-spin .btns a img{display:none;} #contentWrap #content .table-cart .prdList li .info > div .opt-spin .btns input{display:block; border:0; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; height:25px; min-width:25px; padding:0; margin:0; font-size:12px; font-weight:400; color:#000; text-align:center;} #contentWrap #content .table-cart .prdList li .info > div .opt-spin .modify{display:none;} #contentWrap #content .table-cart .prdList li .info > div > .price{display:flex; align-items: center;} #contentWrap #content .table-cart .prdList li .info > div > .price span strike{font-size:13px; font-weight:400; color:#C3C3C3; margin-right:12px;} #contentWrap #content .table-cart .prdList li .info > div > .price .c-price-sell .price{font-size:15px; font-weight:500; color:#000;} #contentWrap #content .table-cart .prdList li .info .d-block{position:absolute; top:0; right:0;} #contentWrap #content .table-cart .prdList li .info .d-block a{padding:0; margin:0; min-width:unset; height:auto; line-height:1; border:0;} #contentWrap #content .table-cart .prdList li .info .d-block a img{width:13px; height:13px;} #contentWrap #content .order_right .price-total-info{border:solid 1px #d9d9d9; border-radius:5px; padding:30px 20px;} #contentWrap #content .order_right .price-total-info ul{margin-bottom:30px;} #contentWrap #content .order_right .price-total-info ul li{display:flex; flex-direction: row; justify-content: space-between; margin-bottom:12px; flex-wrap: wrap;} #contentWrap #content .order_right .price-total-info ul li:last-child{margin-bottom:0;} #contentWrap #content .order_right .price-total-info ul li span{font-size:14px; font-weight:400; color:#000;} #contentWrap #content .order_right .price-total-info ul li span:nth-child(3){display:block; width:100%; text-align:left; color:#cf1b7c; font-size:14px; font-weight:400; margin-top:8px;} #contentWrap #content .order_right .price-total-info ul li span img{width:13px; height:13px; filter:invert(90%) sepia(1%) saturate(1874%) hue-rotate(245deg) brightness(119%) contrast(70%); margin-top:2px; margin-left:5px;} #contentWrap #content .order_right .price-total-info .price-total-info-bottom{border-top:solid 1px #d9d9d9; padding-top:36px;} #contentWrap #content .order_right .price-total-info .price-total-info-bottom p{display:flex; justify-content: space-between; margin-bottom:12px;} #contentWrap #content .order_right .price-total-info .price-total-info-bottom p span:first-child{font-size:15px; font-weight:500; color:#000;} #contentWrap #content .order_right .price-total-info .price-total-info-bottom p span:last-child{font-size:20px; font-weight:500; color:#000;} #contentWrap #content .order_right .price-total-info .price-total-info-bottom > span{display:block; text-align:right; font-size:12px; font-weight:400; color:#6f6f6f;} #contentWrap #content .order_right .btn-order-ctrl{text-align:right;} #contentWrap #content .order_right .btn-order-ctrl a{width:100%; font-size:15px; font-weight:400; border-radius:5px; margin-bottom:10px;} #contentWrap #content .order_right .btn-order-ctrl a:nth-child(1){background:#000; color:#fff; border:solid 1px #000;} #contentWrap #content .order_right .btn-order-ctrl a:nth-child(2){background:#fff; color:#000; border:solid 1px #d9d9d9;} #contentWrap #content .table-cart .none-data{padding:40px 0; border-bottom:solid 1px #f6f6f6; text-align:center;} #contentWrap #content .table-cart .none-data p{text-align:center; font-size:15px; font-weight:400; color:#000; margin-bottom:20px;} #contentWrap #content .table-cart .none-data a{border:solid 1px #000; border-radius:5px; display:inline-block; padding:13px 26px; font-size:15px; font-weight:400; color:#000;} #purchased_product_tk{margin-top:100px; padding:0 1rem; margin-bottom:40px; width:100%;} #purchased_product_tk h3{padding:0px 0 20px 0; font-size:14px; font-weight:400; color:#000; display:block; background:none; margin:0} #purchased_product_tk .list_shoppingRelationItem1x{padding:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix{ padding-bottom:45px;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li{padding:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure{padding:0; width:100%; margin:0} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure a{display:block; width:100%; height:auto;} #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:12px;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure .list_shoppingInfo .listName{font-size:14px; font-weight:400; color:#000; margin-bottom:8px; padding:0; border:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure .list_shoppingInfo .listPrice{font-size:14px; font-weight:400; color:#000; margin-bottom:0;} #purchased_product_tk .swiper-scrollbar{width:100%; left:0;} /* 팝업 */ .popup{position:absolute; padding:20px; background:#fff; right:0; top:0; box-shadow:0 0 20px 0 #0000001a; border-radius:10px;transform:translateX(calc(100% + 30px)); z-index:999;} .popup .popupHeader{text-align:center; position:relative; margin-bottom:30px;} .popup .popupHeader .title{font-size:14px; font-weight:500; color:#000} .popup .popupHeader .close{width:16px; height:16px; position:absolute; right:0; top:0;} .popup .popupHeader .close img{width:100%;} .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 .share{display:flex; padding:0 48px; margin:0 auto;} .popup .popupBody .share li{margin-right:18px;} .popup .popupBody .share li:last-child{margin:0;} .popup .popupBody .share li img{width:55px; height:55px;} .popup .popupBody .share li span{display:block; font-size:13px; font-weight:400; color:#6f6f6f;} .popup.groupPopup{transform:translateX(210px); min-width:345px; width:400px;} .popup.groupPopup .popupBody table thead tr th{font-size:12px; font-weight:500; color:#000; padding:7px 14px; border-bottom:solid 1px #D9D9D9; text-align:center;} .popup.groupPopup .popupBody table thead tr th:last-child{width:100px;} .popup.groupPopup .popupBody table tbody tr td{font-size:12px; font-weight:400; color:#000; padding:7px 14px; text-align:center;} .popup.groupPopup .popupBody table tbody tr:nth-child(1) td:first-child{color:#FF6481} .popup.groupPopup .popupBody table tbody tr:nth-child(2) td:first-child{color:#15444C} .popup.groupPopup .popupBody table tbody tr:nth-child(3) td:first-child{color:#DD161B} .popup.groupPopup .popupBody table tbody tr:nth-child(4) td:first-child{color:#FEB700} .popup.groupPopup .popupBody table tbody tr:nth-child(5) td:first-child{color:#366BD6} .popup.groupPopup .popupBody table tbody tr:nth-child(5) td:first-child{color:#5BB500} .popup.deliveryPopup{transform:translateX(180px); width:370px; top:250px;} .popup.deliveryPopup .popupBody table.delivery1{margin-bottom:40px;} .popup.deliveryPopup .popupBody table.delivery1, .popup.deliveryPopup .popupBody table.delivery2{width:100%;} .popup.deliveryPopup .popupBody table.delivery2{margin-bottom: 8px;} .popup.deliveryPopup .popupBody table.delivery2 tbody tr td{border-bottom: solid 1px #F6F6F6;} .popup.deliveryPopup .popupBody table.delivery1 tbody tr td, .popup.deliveryPopup .popupBody table.delivery2 tbody tr td{font-size:12px; font-weight:400; color:#000; padding:7px 0 !important; text-align:left;} .popup.deliveryPopup .popupBody table.delivery1 tbody tr td:first-child, .popup.deliveryPopup .popupBody table.delivery2 tbody tr td:first-child{padding-right:14px;} .popup.deliveryPopup .popupBody table.delivery2 tbody tr td:last-child{width:60px} .popup.deliveryPopup .popupBody table.delivery2 tbody tr:first-child td{border-bottom:solid 1px #F6F6F6;} .popup.deliveryPopup .popupBody table.delivery2 tbody tr td:last-child{text-align:right;} .popup.cardPopup{transform:translateX(410px); max-height:500px; overflow:auto; min-width:540px;} /* BASIC css end */