/* --------------------------------------------------------주문완료 / 주문완료 상세-------------------------------------------------------------- */
.left-menu-bar{display: none;}
/* 주문완료 */
.orderViewWrap{font-family: 'Lato', sans-serif;position:relative;}
.orderViewWrap h3{width: 100%;
    text-align: center;
    margin: 0;
    font-size: 28px;
    font-weight: bold;margin-bottom:30px;}
.orderViewWrap h3::after {
    content: "";
    display: block;
    width: 45px;
    border-bottom: 2px solid #000;
    margin: 0 auto;
    margin-top: 25px;
} 
.orderViewWrap .order_finish{width:100%; box-sizing: border-box; border:2px solid #dcdcdc; display:block; color:#000; font-size:22px; text-align:center;font-weight:600;margin:0 0 30px 0;line-height:35px;padding:40px 0}
.orderViewWrap .order_finish span{display:block}
.orderViewWrap .order_finish span.text2{font-size:30px;margin:0 0 15px 0}
.orderViewWrap .order_finish span.text3{font-size:14px;color:#a90000;line-height:23px;margin:0 0 10px 0}
.orderViewWrap .order_num{display:block;color:#000;font-size:22px;text-align:center;font-weight:600;margin:0 0 30px 0}
.orderViewWrap a{text-decoration:none}
.orderViewWrap ul{padding:0}
.orderViewWrap li{list-style:none;}
.orderViewWrap h4{color: #000;width: 100%;padding: 30px 0 ;font-size: 20px;margin: 0;box-sizing: border-box;    border-bottom: 2px solid #111;font-weight: bold;}
.orderViewWrap .orderListTable caption{width:100%;height:1px;overflow:hidden}
.orderViewWrap .orderListTable{color:#555; width:100%; border-bottom: 2px solid #111; margin-bottom: 30px;}
.orderViewWrap .orderList_table{/* border-collapse:collapse; */width:100%; /* margin-bottom: 30px; */}
.orderViewWrap .orderListTable caption{display:none}
.orderViewWrap .orderListTable th{  padding: 15px 0;text-align: center;font-size: 16px;color: #000; border-bottom: 1px solid #b6b6b6;font-family: 'Lato', sans-serif;}
.orderViewWrap .orderListTable th.save{border-right:none}
.orderview-content{border-bottom: 1px solid #909090; text-align: center; padding: 15px 0; height: 28px;}
/* .orderViewWrap .orderListTable td{border-bottom:1px solid #909090;text-align:center; padding:15px 0; height: 98px;} */
.cart-item-box thead{background: #efefef;}
.option_row td{text-align: center; padding: 10px 0;}
.orderViewWrap .orderListTable td:first-child,.orderViewWrap .orderListTable td:last-child,.orderViewWrap td.cart_thumb,.orderViewWrap .product_name{border-right:none}
.orderViewWrap td.cart_thumb{width:10%;}
.orderViewWrap .orderListTable td.cart_thumb img{vertical-align:middle;    width: 100%;height: auto;display: inline-block;}
.orderViewWrap .orderListTable .product_name{text-align:left;padding:0 0 0 20px; vertical-align: middle;}
.orderViewWrap .orderListTable .product_name a{font-size:17px;color:#333;font-weight:600;}
.orderViewWrap .orderListTable .product_name span{font-size:13px;color:#999}
.orderViewWrap .orderListTable td.count{font-size:14px}
.orderViewWrap .orderListTable .price1{color:#010101;font-family: 'Lato', sans-serif;}
.orderViewWrap .orderListTable td.price1 span{color:#cf0101;font-family: 'Lato', sans-serif;}
.orderViewWrap .orderListTable td.price2,.orderListTable td.save{font-size:18px;color:#010101;font-family: 'Lato', sans-serif;}
.orderViewWrap .orderListTable td.price2 span,.orderListTable td.save span{color:#cf0101;font-size:14px;font-family: 'Lato', sans-serif;}

.orderViewWrap .orderTotalTable{color:#555;width:100%;font-family: 'Lato', sans-serif;margin:0 0 30px 0}
.orderViewWrap .orderTotal_table{border-collapse:collapse;width:100%}
.orderViewWrap .orderTotal_table caption{display:none}
.orderViewWrap .orderTotal_table th{height:27px;padding:4px 0 0 0;text-align:center;font-size:13px;color:#777;background:#f7f7f7 url(../images/bg_delivery.gif) no-repeat 0 0;border-bottom:1px solid #ccc}
.orderViewWrap .orderTotal_table th:first-child{background:#f7f7f7 url(../images/bg_delivery_.gif) no-repeat 0 0}
.orderViewWrap .orderTotal_table td{border-bottom:1px solid #909090;height:40px;text-align:right;color:#333;font-size:18px;font-family: 'Lato', sans-serif;font-weight:bold;padding:0 35px 0 0}
.orderViewWrap .orderTotal_table td span{color:#cf0101;font-size:17px;display:inline-block;margin:0 0 0 2px;font-family: 'Lato', sans-serif;}
.orderViewWrap .orderTotal_table td.delivery{background:url(../images/bg_plus2.gif) no-repeat 0 0}
.orderViewWrap .orderTotal_table td.total_price{background:url(../images/bg_equal2.gif) no-repeat 0 0}
.orderViewWrap .orderTotal_table td.discount{background:url(../images/bg_minus2.gif) no-repeat 0 0}


/* 주문자정보, 배송정보, 결제정보 */
.orderViewWrap .orderView_table{border-collapse:collapse;width:100%;margin:0 0 30px 0}
.orderViewWrap .orderView_table tr{line-height:40px}
.orderViewWrap .orderView_table th{width: 20%; font-weight:600;border-bottom:1px solid #e0e0e0; background: #efefef; font-size:15px;}
.orderViewWrap .orderView_table tr td{font-size:14px;border-bottom:1px solid #e0e0e0;padding:0 0 0 30px}
.orderViewWrap .orderView_table tr.last_cell th{border-bottom:1px solid #979797}
.orderViewWrap .orderView_table tr.last_cell td{border-bottom:1px solid #979797}
.tPrice{color:#a90000;font-size:20px;font-weight:600;font-family: 'Lato', sans-serif !important;}
.orderViewWrap .orderView_table tr.pc_text{display: table-row;}
.orderViewWrap .orderView_table tr.mo_text{display: none;}
.orderViewWrap .orderView_table td span.delivery_code{color:#1565c0}
.orderViewWrap .orderView_table td span.delivery_code:hover{color:#a90000}
/* 계속쇼핑, 구매하기버튼 */
.orderViewWrap .orderBtn{font-family: 'Lato', sans-serif;margin:40px 0 0 0;position:relative;text-align: center;width: 100%;}
.orderViewWrap .orderBtn:after{content:"";display:block;clear:both}
.orderViewWrap .orderBtn a{width:165px;padding:15px 0;display:inline-block;text-align:center;font-size:16px}
.orderViewWrap .orderBtn div{margin:0 auto;width: 80%;}
.orderViewWrap .orderBtn a.goList{background:#036eb8; color:#fff; margin:0 auto}
.orderViewWrap .orderBtn a.cancle{background:#e6e6e6;color:#666;margin:0 8px 0 0;position:absolute;right:0;top:0}
.orderViewWrap .orderBtn a.goHome{background:#000;color:#fff;margin:0 8px 0 0;;float:right}

@media (max-width:700px){
    .orderViewWrap .orderView_table tr td {padding: 10px 0;}
    .orderViewWrap .orderView_table tr.pc_text{display: none;}
.orderViewWrap .orderView_table tr.mo_text{display: table-row;}
.orderViewWrap .orderView_table tr td.money{padding: 10px 8vw;}
.orderViewWrap .orderView_table tr td p.moneyInfo{font-size:18px;font-weight: bold;}
    .orderViewWrap .orderView_table th {    word-break: keep-all;
    text-align: center;width:30%}
    .orderViewWrap .orderView_table tr {
    line-height: 25px;
}
}
@media (max-width:600px){
    .orderViewWrap .order_finish {width:90%;padding:40px 5%}
    .orderViewWrap .order_finish span.text2 {    font-size: 5.8vw;
    word-break: keep-all;line-height: 8vw;}
    .orderViewWrap .order_finish span.text3 {word-break: keep-all;}
    .orderViewWrap .order_finish span {font-size:5vw;line-height: 8vw;word-break: keep-all;}
    .orderListTable th.save {display: none;}
    .orderListTable td.save {display: none;}
    .orderViewWrap .orderTotal_table td {font-size: 13px;}
    
    
}
@media (max-width:500px){
    .orderViewWrap .orderTotal_table td {
        padding: 0 2% 0 0;
    }
    .orderViewWrap .order_num {font-size: 18px;}
    .orderViewWrap .orderListTable td.price2{font-size: 15px;}
    .orderViewWrap .orderBtn a {    width: 40%;font-size:3.8vw;
    padding: 10px 0;}
    .orderViewWrap h3{    font-size: 20px;}
    .orderViewWrap h3::after {margin-top:18px}
}
@media (max-width:400px){
    .orderViewWrap .orderListTable th {font-size:4vw;}

    .orderViewWrap .orderView_table tr th {width:25%;font-size:4vw;}
    .orderViewWrap .orderView_table tr td {font-size:4vw;    padding-left: 3%;}
    .orderViewWrap .orderView_table tr td.money {
        padding: 10px 4vw;
    }
    .orderViewWrap .orderListTable td.cart_thumb img {width: 62%; padding: 5px 0;}
    .orderViewWrap .orderListTable .product_name {padding: 0;}
    .orderViewWrap .orderListTable .product_name a {font-size:4.5vw}
    .orderViewWrap .orderListTable .product_name span {font-size:3.8vw;}
    .orderViewWrap .orderListTable .price1 {font-size:4vw;}
}
@media (max-width:300px){
    .orderViewWrap .order_finish span.text2 {    font-size:7.8vw;line-height: 10vw;}
    .orderViewWrap .order_finish span.text3 {word-break: keep-all;}
    .orderViewWrap .order_finish span {font-size: 6vw;
    line-height: 8vw;
    }
}