/* BASIC css start */
#container {overflow:hidden;}
#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:0px;padding-left:20px;}
#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;}
}

.cart-ft2 { display: block; text-align: center; }

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

#basket .tab-wrap {
    font-size:0px;
    line-height:0px;
    border-bottom:1px solid #f6e3e7;
}
#basket .tab-wrap a {
    display:inline-block;
    width:33.33%;
    background:white;
    border-left:1px solid #f6e3e7;
    color:#333;
    font-size:14px;
    line-height:40px;
    letter-spacing:-0.5px;
    text-align:center;
    box-sizing:border-box;   
}
#basket .tab-wrap a:first-child {
    border-left:none;
}
#basket .tab-wrap a.active {
    background:#f6e3e7;
}

#basket .all-select {
    width:100%;
    height:36px;
    margin-top:30px;
    padding:0px 10px;
    background:white;
    border:none;
    border-bottom:1px solid #333333;
    box-sizing:border-box;
}

#basket .all-select label {
    color:#333;
    font-size:14px;
    line-height:30px;
    letter-spacing:-0.5px;
}
#basket .all-select label input {
    width:12px;
    height:12px;
    margin-right:7px;
    background-size:12px 12px !important;
    vertical-align:middle;
}

#basket .all-select .ars {
    float:right;
    display:inline-block;
    color:#333;
    font-size:14px;
    line-height:30px;
    letter-spacing:-0.5px;
}
#basket .all-select .ars .call {
    width:14px;
    margin-right:6px;
    vertical-align:middle;
}
#basket .all-select .ars .arrow {
    width:14px;
    margin-left:5px;
    vertical-align:middle;
}




#basket #basketWrap ul {
}
#basket #basketWrap ul li {
    position:relative;
    display:block;
    width:100%;
    padding:20px 10px 30px 10px;
    border-bottom:1px solid #333;
    box-sizing:border-box;
}
#basket #basketWrap ul li .MS_input_checkbox {
    position:absolute;
    top:20px;
    left:10px;
    width:12px;
    height:12px;
    background-size:12px 12px !important;
}
#basket #basketWrap ul li .basketLeft {
    width:60px;
    margin-right:15px;
    margin-bottom:15px;
}
#basket #basketWrap ul li .basketLeft a {
    padding:0px;
    margin:0px;
}

#basket .basketRight {
    padding-left:75px;
}
#basket .basketRight .name {
    color:#333;
    font-size:14px;
    font-weight:bold;
    line-height:21px;
    letter-spacing:-0.5px;
    vertical-align:top;
}
#basket .basketRight .option {
    margin-top:15px;
    color:#333;
    font-size:14px;
    line-height:28px;
    letter-spacing:-0.5px;
    margin-bottom:0px;
}
#basket .basketRight .price {
    color:#333;
    font-size:14px;
    line-height:28px;
    letter-spacing:-0.5px;
}
#basket .basket-bottom {
    padding:15px 0px 15px 0px;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
#basket .basket-bottom > div {
    position:relative;
    min-height:30px;
    margin-bottom:5px;
    padding-left:50px;
    box-sizing:border-box;
}
#basket .basket-bottom > div:last-child {
    margin-bottom:0px;
}
#basket .basket-bottom > div .title {
    position:absolute;
    top:0px;
    left:0px;
    color:#333;
    font-size:14px;
    line-height:30px;
    letter-spacing:-0.5px;
}
#basket .basket-bottom > div .content {
    position:absolute;
    display:inline-block;
    width:100%;
    color:#333;
    font-size:12px;
    line-height:30px;
    letter-spacing:-0.5px;
}
#basket .basket-bottom > div .content .minus-btn {
    position:absolute;
    top:0px;
    left:0px;
    width:32px;
    height:32px;
    background:white url('/design/ocato/renewal/mobile/img/product/product-minus-icon.jpg') no-repeat center center;
    background-size:auto 28px;    
    border:1px solid #ddd;
    text-indent:-999em;
    overflow:hidden;
    box-sizing:border-box;  
}
#basket .basket-bottom > div .content .plus-btn {
    position:absolute;
    top:0px;
    left:80px;
    width:32px;
    height:32px;
    background:white url('/design/ocato/renewal/mobile/img/product/product-plus-icon.jpg') no-repeat center center;
    background-size:auto 28px;    
    border:1px solid #ddd;
    text-indent:-999em;
    overflow:hidden;
    box-sizing:border-box;
}
#basket .basket-bottom > div .content input {
    position:absolute;
    top:0px;
    left:32px;
    width:50px;
    height:32px;
    border:none;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    color:#333;
    font-size:12px;
    letter-spacing:-0.5px;
    text-align:center;
    box-sizing:border-box;
}
#basket .basket-bottom > div .content .btn_Black {
    float:right;
    width:40px;
    height:32px;
    border:1px solid #cccccc;
    color:#ffffff;
    font-size:14px;
    line-height:30px;
    text-align:center;
    letter-spacing:-0.5px;
    box-sizing:border-box;
}

#basket #basketWrap .total-price {
    color:#333;
    font-size:14px;
    line-height:43px;
    letter-spacing:-0.5px;
}
#basket #basketWrap .total-price strong {
    float:right;
    color:#ea9090;
    font-weight:bold;
}
#basket #basketWrap .basket-btn {
}
#basket #basketWrap .basket-btn ul:after {
    display:block;
    clear:both;
    content:"";
}
#basket #basketWrap .basket-btn ul li {
    float:left;
    width:50%;
    padding:0px;
    padding-right:5px;
    border:none;
    box-sizing:border-box;
}
#basket #basketWrap .basket-btn ul li:last-child {
    padding-right:0px;
    padding-left:5px;
}
#basket #basketWrap .basket-btn ul li a {
    display:inline-block;
    width:100%;
    border:1px solid #333;
    color:#333;
    font-size:16px;
    line-height:43px;
    text-align:center;
    letter-spacing:-0.5px;    
    box-sizing:border-box;
}
#basket #basketWrap .basket-btn ul li:last-child a {
    background:#dddddd;
    border:1px solid #dddddd;
}




#basketWrap .none-data {
    color:#333;
    font-size:12px;
    line-height:125px;
    letter-spacing:-0.5px;
    text-align:center;
}


#basket .price-total-info-top {
    margin:0px;
    padding:0px 10px;
    background:#f7f7f7;
    border:none;
    border-top:2px solid #333;
}
#basket .price-total-info-top p {
    padding-top:5px;
    color:#333;
    font-size:14px;
    font-weight:bold;
    line-height:30px;
    text-align:left;
    letter-spacing:-0.5px;
}
#basket .price-total-info-top p:last-child {
    padding-top:0px;
    padding-bottom:5px;
    border-bottom:1px solid #cccccc;
}
.r {
    float:right;
}
/*#basket .price-total-info-top p span .r {
    float:right;
}*/



#basket .price-total-info-bottom {
    margin:0px;
    padding-bottom:10px;
    padding:0px 10px;
    background:#f7f7f7;
    border:none;
    border-bottom:1px solid #cccccc;
}
#basket .price-total-info-bottom p {
    color:#333;
    font-size:15px;
    font-weight:bold;
    line-height:55px;
    text-align:left;
    letter-spacing:-0.5px;
}
#basket .price-total-info-bottom p .txt-label {
}
#basket .price-total-info-bottom p .txt-price {
    float:right;
    color:#ea9090;
    font-weight:bold;
    font-size:17px;
}


#basket > p {
    padding:0px 10px;
    color:#333;
    font-size:14px;
    line-height:45px;
    letter-spacing:-0.5px;
    text-align:left;
}
#basket > p strong {
    font-weight:bold;
}



#basket .order-btn {
    margin-top:30px;
    padding:0px 10px;
}

#basket .order-btn ul:after {
    display:block;
    clear:both;
    content:"";
}
#basket .order-btn ul li {
    float:left;
    width:50%;
    box-sizing:border-box;
}
#basket .order-btn ul li:nth-child(1) {
    padding-right:5px;
    margin-bottom:10px;
}
#basket .order-btn ul li:nth-child(2) {
    padding-left:5px;
    margin-bottom:10px;
}
#basket .order-btn ul li a {
    display:inline-block;
    width:100%;
    background:white;
    border:1px solid #333;
    color:#333;
    font-size:16px;
    line-height:43px;
    text-align:center;
    box-sizing:border-box;
}
#basket .order-btn ul li.all-order {
    width:100%;
}
#basket .order-btn ul li.all-order a {
    background:#333;
    color:white;
}



#basket #togetherWrap {
    margin-top:50px;
}
#basket #togetherWrap h3 {
    color:#333333;
    font-size:19px;
    line-height:1em;
    text-align:center;
    letter-spacing:-0.5px;
}
#basket #togetherWrap h3 b {
    color:#e99999;
    font-size:24px;
    font-weight:bold;
}

#basket #togetherWrap .area {
    height:125px;
    margin-top:20px;
    background:#efefef;
    text-align:center;
    font-size:12px;
    color:#333;
    line-height:125px;
}



#basket .card-info {
    margin-top:50px;
}
#basket .card-info .tabs {
    font-size:0px;
}
#basket .card-info .tabs a {
    display:inline-block;
    width:33.33%;
    background:#f7f7f7;
    border:1px solid #cccccc;
    color:#333;
    font-size:13px;
    line-height:48px;
    text-align:center;
    letter-spacing:-0.5px;
    box-sizing:border-box;
    vertical-align:middle;
}
#basket .card-info .tabs a.two-line {
    padding:5px 0px;
    line-height:19px;
}
#basket .card-info .tabs a.active {
    background:#333333;
    border:1px solid #333333;
    color:white;
    font-weight:bold;
}
#basket .card-info img {
}


/* 통합옵션 소스 : 190805 추가 */
.basket-option-dlist li img { width:30px; height:30px; vertical-align:middle; }					

/*카트프리 소스*/
.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:5px 5px 5px; }
.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 {}
.cart-free-wrap .list-wrap ul li dl dd strong { color:#dc4242; }


.notice {
    font-weight: bold;
    font-size:12px;
    padding: 10px 0 30px 0;
    line-height: 16px;
}

.right {
    text-align: right;
    color: #dd3939;
    margin-right: 10px;
}
/* BASIC css end */