/*.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: 3px 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';}

.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%; height: 420px; padding-top: 5px; 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%; margin: 5px auto 0; height: 35px; padding: 5px; text-align: center; display: grid; 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: 440px; 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: 480px; padding: 5px; margin-left: 5px; margin-top: 5px; 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: 35px; padding: 5px; text-align: center; display: grid; 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; width: 100%; height: 76px; 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;}
.nav_deal_mid .nav_deal_mid_title {position: relative; width: 100%; display: inline-block;}
.nav_deal_mid ul {margin-top: 25px; vertical-align: top;}