/*.nav_deal_mid_box_name{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}*/

/* 공통 스타일 */
.nav_deal_mid_box_name, .nav_deal_mid_box2_name {color: black;}
.nav_deal_mid_box_name h4, .nav_deal_mid_box2_name h4 {line-height: 1.25em; font-size: 14px; word-break: keep-all;}

.nav_deal_mid_box, .nav_deal_mid_box2, .nav_deal_mid_aucbox {
    box-sizing: border-box; float: left; margin-top: 10px; border-radius: 15px;
}

.nav_deal_mid_box:hover, .nav_deal_mid_box2:hover {border: 2px solid #07345e;box-sizing: border-box;}

.nav_deal_mid_box_img > img, .nav_deal_mid_box2_img > img {padding: 5px 0;}

.nav_deal_mid_box_price_sale, .nav_deal_mid_box2_price_sale {font-size: 19px; font-weight: 700; color: red;}
.nav_deal_mid_box_price_basic, .nav_deal_mid_box2_price_basic {margin-top: 5px; text-decoration: line-through;}
.nav_deal_mid_box_price_percent, .nav_deal_mid_box2_price_percent {font-size: 14px; color: red;}

.nav_deal_mid_box .mark > img, .nav_deal_mid_box2 .mark > img,
.nav_deal_mid_aucbox .mark > img, .nav_deal_mid_aucbox2 .mark > img {
    position: absolute;
    width: 50px;
    /* margin-top: 4px; */
    margin-left: 0px;
}
.nav_deal_mid_box .mark > img {margin-top: 2px; margin-left: -11px;}

.nav_deal_mid_box2_timeAndNum > h1, .nav_deal_mid_box_timeAndNum > h1 {margin-top: 10px;}
.nav_deal_mid_box2_timeAndNum > div, .nav_deal_mid_box_timeAndNum > div {margin-top: 5px;}

.nav_deal_mid_time {font-size: 1.8em;font-weight: bold;color: black;font-family: 'DS-DIGI';/* display: contents; */}

.itemmark {position: absolute;}
.itemmark img {display: table-cell; margin: 0px auto; object-fit: contain; width: 100%; height: 100%;}

/* 모바일 */
@media all and (min-width: 0px) and (max-width: 768px) {
    .nav_deal_mid {position: block; margin: 0px auto; width: 100%; padding-top: 10px;}

    .nav_deal_mid_aucbox {width: 49%;padding-top: 0px;margin-left: 2px;border: 1px solid #d9d9d9;}
    .nav_deal_mid_aucbox .mark {position: absolute; margin: -13px 0px 0px -6px;}

    .p2pbox {height: 330px !important;}

    .nav_deal_mid_box {width: 49%; margin-right: 1%; height: 378px; padding: 4px; border: 1px solid #cfcfcf;}
    .nav_deal_mid_box .mark {position: absolute; margin: -15px 0px 0px 1px;}

    .nav_deal_mid_box2 {width: 48%; margin: 0 1%; height: 420px; padding: 5px; border: 1px solid #07345e;}

    .nav_deal_mid_box2_img, .nav_deal_mid_box_img {width: 100%; height: 190px; text-align: center; float: left;}
    .nav_deal_mid_box2_img > img, .nav_deal_mid_box_img > img {max-height: 99%; max-width: 99%;}

    .nav_deal_mid_box2_name {width: 100%; height: 53px; float: left; overflow: hidden; text-align: center;}
    .nav_deal_mid_box2_price {width: 100%; height: 76px; float: left; text-align: center;}
    .nav_deal_mid_box2_price_basic {font-size: 1.2em;}

    .nav_deal_mid_box_timeAndNum {width: 79%;height: 82px;margin: 5px auto 0;padding: 5px;text-align: center;border-top: 1px #ededed solid;}

    .nav_deal_mid_box_name {width: 100%; height: 50px; line-height: 1.25em; float: left; font-size: 14px; overflow: hidden; text-align: center; padding-top: 14px;}
    .nav_deal_mid_box_price {margin-top: 5px;width: 100%;height: 79px;clear: both;text-align: center;}
    .nav_deal_mid_box_price_sale {margin-top: 0px; font-size: 1.3em;}
    .nav_deal_mid_box_price_buyprice {font-size: 0.93em;}
    .nav_deal_mid_box_price_basic {font-size: 12px; color: gray;}

    .itemmark {width: 50%; height: 197px;}
    .hot_icon {position: absolute; margin: 0px auto; opacity: 0.5; width: 49%;}
}

/* 데스크탑 */
@media all and (min-width: 768px) {
    .nav_deal_mid {margin: 0px auto; width: 1120px; display: table;}
    .p2pbox {/* height: 390px !important; */}

    .nav_deal_mid_box {width: 275px;height: 350px;padding: 4px;margin-left: 5px;margin-top: 5px;border: 1px solid #e7e7e7;}
    .nav_deal_mid_box .mark {position: absolute; margin: -15px 0px 0px 1px;}
    .nav_deal_mid_box:hover {/* border-radius: 14px; */}

    .nav_deal_mid_box2 {width: 430px; height: 390px; padding: 5px; margin-left: 10px; margin-top: 10px; border: 1px solid #07345e;}

    .nav_deal_mid_aucbox {width: 275px;/* height: 440px; */padding: 5px;margin-left: 5px;margin-top: 13px;border: 1px solid #d9d9d9;}
    .nav_deal_mid_aucbox .mark {position: absolute; margin: -18px 0px 0px -11px;}

    .nav_deal_mid_box2_img {width: 100%; height: 222px; text-align: center; padding: 1px; float: left;}
    .nav_deal_mid_box2_img > img {height: 218px;}
    .nav_deal_mid_box2_name {width: 100%; height: 33px; float: left; overflow: hidden; text-align: center;}
    .nav_deal_mid_box2_price {width: 100%; text-align: center; height: 76px; float: left;}
    .nav_deal_mid_box2_price_sale {margin-left: 5%;}
    .nav_deal_mid_box2_price_basic {margin-left: 5%; font-size: 12px;}
    .nav_deal_mid_box2_price_percent {margin-left: 5%; font-size: 11px;}

    .nav_deal_mid_box_timeAndNum {width: 79%;margin: 5px auto 0;height: 82px;padding: 5px;text-align: center;border-top: 1px #ededed solid;}
    .nav_deal_mid_box2_timeAndNum > h1 {margin-right: 5%; text-align: right; margin-top: 10px;}
    .nav_deal_mid_box2_timeAndNum > div {margin-right: 5%; text-align: right; margin-top: 5px;}

    .nav_deal_mid_box_img {width: 85%; height: 150px; display: table; margin: 0px auto;}
    .nav_deal_mid_box_img > img {max-height: 200px; width: 100%; height: 200px; margin-top: 0px; object-fit: contain;}
    .nav_deal_mid_box_name {width: 100%; height: 53px; line-height: 18px; float: left; font-size: 14px; overflow: hidden; text-align: center; padding-top: 8px;}
    .nav_deal_mid_box_price {margin-top: 5px;margin-bottom: 20px;width: 100%;min-height: 30px;clear: both;text-align: center;}
    .nav_deal_mid_box_price_sale {margin-top: -5px;}
    .nav_deal_mid_box_price_basic {font-size: 12px; color: gray;}
    .nav_deal_mid_box_timeAndNum > div {margin-top: 0px;}

    .itemmark img {height: 240px;}
    .hot_icon {position: absolute;margin: 0px auto;opacity: 0.5;width: 252px;/* margin-top: 92px; */z-index: 0;}
}

/* 기타 */
.nav_deal {width: 100%; float: left;}
.nav_deal_mid_text {color: red; margin: 0px auto; text-align: center; padding: 50px; height: 100px;}
.nav_deal_mid_box2_timeAndNum {height: 76px; text-align: center;}
.nav_deal_mid {position: relative;margin-top: 40px;margin-bottom: 40px;}
.nav_deal_mid .nav_deal_mid_title {position: relative; width: 100%; display: inline-block;}
.nav_deal_mid ul {margin-top: 25px; vertical-align: top;}