/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

.page-body .title {
    margin:80px auto 40px auto;
    color:#333;
    font-size:30px;
    font-weight:bold;
    text-align:center;
    line-height:30px;
    letter-spacing:-0.5px;
}
.page-body .tabs {
    width:600px;
    margin:0px auto;
    border-left:1px solid #f6e3e7;
    font-size:0px;
}
.page-body .tabs a {
    display:inline-block;
    width:200px;
    background:white;
    border:1px solid #f6e3e7;
    border-left:none;
    color:#333;
    font-size:15px;
    line-height:48px;
    text-align:center;
    letter-spacing:-0.5px;
    box-sizing:border-box;
}
.page-body .tabs a:hover, .page-body .tabs a.active {
    background:#f6e3e7;
}


.page-body #cart {
    padding-top:50px;
}
.page-body #cart .caption {
    font-size:0px;
}
.page-body #cart .caption a {
    float:right;
}

.page-body #cart table {
}
.page-body #cart table thead th {
    height:45px;
    background:#f7f7f7;
    border-top:1px solid #dddddd;
    color:#333333;
    font-size:13px;
    letter-spacing:-0.5px;
    text-align:center;
    box-sizing:border-box;
    vertical-align:middle;
}
.page-body #cart table tbody td {
    height:150px;
    border-top:1px solid #dddddd;
    color:#333333;
    font-size:13px;
    letter-spacing:-0.5px;
    text-align:center;
}
.page-body #cart table tbody td.product {
    position:relative;
    padding-left:100px;
    text-align:left;
}
.page-body #cart table tbody td.product .thumb {
    position:absolute;
    top:50%;
    left:0px;
    width:80px;
    margin-top:-40px;
}
.page-body #cart table tbody td.product .thumb a {
    display:inline-block;
    width:100%;
    font-size:0px;
}
.page-body #cart table tbody td.product .thumb a img {
    width:100%;
}
.page-body #cart table tbody td.product .name {
    color:#333;
    font-size:13px;
    line-height:16px;
    letter-spacing:-0.5px;
}
.page-body #cart table tbody td.product .option {
    margin-top:10px;
    color:#888888;
    font-size:13px;
    line-height:16px;
    letter-spacing:-0.5px;
}
.page-body #cart table tbody td.count {
}
.page-body #cart table tbody td.count .box {
    font-size:0px;
    text-align:center;
}
.page-body #cart table tbody td.count .box input {
    width:37px;
    height:20px;
    border:none;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    color:#333333;
    font-size:12px;
    text-align:center;
    font-family: 'Roboto', sans-serif;
    box-sizing:border-box;
}
.page-body #cart table tbody td.count .box .count-up {
    display:inline-block;
    font-size:0px;
    border:1px solid #dddddd;
}
.page-body #cart table tbody td.count .box .count-down {
    display:inline-block;
    font-size:0px;
    border:1px solid #dddddd;
}
.page-body #cart table tbody td.count > a {
    display:inline-block;
    margin-top:5px;
    font-size:0px;
}
.page-body #cart table tbody td.btn > a {
    display:inline-block;
    clear:both;
    font-size:0px;
    margin-bottom:5px;
}

.page-body #cart table tfoot td {
    height:80px;
    border-top:1px solid #333;
    /*border-bottom:1px solid #333;*/
    border-bottom:1px solid #dddddd;
    text-align:right;
    font-size:0px;
}
.page-body #cart table tfoot td .total-box > img {
    display:inline-block;
    margin:0px 30px;
    vertical-align:middle;
}
.page-body #cart table tfoot td .total-box span {
    vertical-align:middle;
}
.page-body #cart table tfoot td .total-box .total-title {
    float:left;
    margin-left:20px;
    color:#333333;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.5px;
}
.page-body #cart table tfoot td .total-box .desc {
    display:inline-block;
    margin-right:20px;
    color:#888;
    font-size:13px;
    letter-spacing:-0.5px;
}
.page-body #cart table tfoot td .total-box .price {
    display:inline-block;
    color:#333333;
    font-size:16px;
    letter-spacing:-0.5px;
}
.page-body #cart table tfoot td .total-box .total-finish {
    display:inline-block;
    margin-right:20px;
    color:#e99999;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.5px;
    vertical-align:middle;
}

.page-body .sub-btn-gr {
    margin-top:20px;
    font-size:0px;
    text-align:left;
}
.page-body .sub-btn-gr a {
    display:inline-block;
    margin-right:5px;
    font-size:0px;
}

.page-body .btn-gr {
    margin-top:60px;
    font-size:0px;
    text-align:center;
}
.page-body .btn-gr a {
    display:inline-block;
    margin:0px 5px;
    font-size:0px;
}



.page-body .recopic-wrap {
    padding-top:80px;
}
.page-body .recopic-wrap h3 {
    color:#333333;
    font-size:26px;
    text-align:center;
    line-height:34px;
    letter-spacing:-1px;
}
.page-body .recopic-wrap h3 strong {
    color:#e99999;
    font-size:34px;
    font-weight:bold;
}

.page-body .recopic-wrap .area {
    height:250px;
    margin-top:40px;
    background:#d7d7d7;
    text-align:center;
    font-size:12px;
    color:#333;
    line-height:250px;
}
.page-body .sale-wrap{
    margin-top:100px;
    margin-bottom:150px;
}
.page-body .sale-wrap .item
.page-body .sale-wrap {
    padding-top:100px;
    margin-bottom:150px;
}
.page-body .sale-wrap:after {
    display:block;
    clear:both;
    content:"";
}
.page-body .sale-wrap .item {
    float:left;
    width:380px;
}
.page-body .sale-wrap .item.nothing {
    margin-right:30px;
}
.page-body .sale-wrap .item h5 {
    margin-bottom:20px;
    color:#333;
    font-size:20px;
    font-weight:bold;
    letter-spacing:-0.5px;
}
.page-body .sale-wrap .item .img {
    border:1px solid #ccc;
    font-size:0px;
}

.page-body .sale-wrap .item .img img{
    width: 378px;
}

/* 주문 컨트롤 버튼 */
#cartWrap .btn-order-ctrl { margin-top: 20px; text-align: center; font-size: 0; line-height: 0; }
#cartWrap .btn-order-ctrl a { margin-right: 10px; }


/* 통합옵션 : 190805 추가 */
.basket-option-detail .basket-option-dlist li { margin-bottom:7px; word-break:break-all; word-wrap:break-word; }
.basket-option-detail .basket-option-dlist li img { width:40px; height:40px; vertical-align:middle; padding-right: 10px; }
.tb-opt img { vertical-align:top; }
.tb-opt .basket-option-detail { display:inline-block; vertical-align:top; padding-left:8px; }
.tb-opt .basket-option-detail .basket-option-dlist li { margin-bottom:7px; word-break:break-all; word-wrap:break-word; }
.tb-opt .basket-option-detail .basket-option-dlist li img { width:23px; height:23px; vertical-align:middle; }

/*카트프리 영역*/
.cart-free-wrap h3 {color:#333333; font-size:24px; text-align:center; line-height:32px; letter-spacing:-1px; font-family: 'Roboto', sans-serif;}
.cart-free-wrap h3 strong {color:#e99999; font-size:28px; font-weight:600; font-family: 'Roboto', sans-serif;}
.cart-free-wrap { text-align:center; margin-bottom: 10px; /*padding-top:80px;*/}
.cart-free-wrap .btn-list-open { position:relative; display:inline-block; width:60%; height:50px; line-height:50px; background:#444; color:#fff; font-weight:bold; font-size:14px; 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://separk.makemall.kr/2016/h18_arr.gif) no-repeat 0 0; }
.cart-free-wrap .btn-list-open span.open { background:url(http://separk.makemall.kr/2016/h18_arr.gif) no-repeat 0 -9px; }
.cart-free-wrap p { padding:20px 0; font-size:12px; 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:450px; 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 {margin-top: 5px;     color: #000000;}
.cart-free-wrap .list-wrap ul li dl dd strong { color:#dc4242; }
.cart-free-wrap .list-wrap ul li dl dd a { display:inline-block; padding:4px 8px 4px; margin-top:2px; border:1px solid #999; color:#666; font-weight:bold; background:#fff; }

.free {padding-top:80px;}
.free h3 {
    color: #333333;
    font-size: 24px;
    text-align: center;
    line-height: 32px;
    letter-spacing: -1px;
    font-family: 'Roboto', sans-serif;
}

.free strong {
    color: #e99999;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

.notice{
    border-bottom: 1px solid #333;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0 15px 0;
}

.left{float: left;
    margin-left: 20px;
    color: #dd3939;
    font-weight: bold;
   }
   
.right{text-align: right;
    color: #dd3939;
    margin-right: 10px;
   }
/* BASIC css end */