/* 인포 */
#sterm_info { height: 300px; margin: 0 auto;  }
.info_item1 { width: 370px; height: 150px; line-height: 150px; float: left; }
.info_item2 { height: 150px; float: left; margin-left: 30px; }


/* 상품 1 */
#sterm_p1 { width: 100%; margin: 0 auto; margin-bottom: 50px;  }

.p1_item { width: 100%; overflow: hidden; }

.p1_item1 { width: 30%; height: 400px; float: left; text-align: center; }
.p1_item2 { width: 70%; height: 200px; float: left; }
.p1_item3 { width: 70%; height: 200px; float: left; padding: 15px; font-size: 0.8rem }

.p1_item2 > h3 { padding-left: 15px; }


/* 상품 2 - 쿨디스펜서 */
#sterm_p2 { width: 100%; margin: 0 auto; margin-top: 50px; }

.p2_item { width: 100%; overflow: hidden; }

.p2_item1 { width: 30%; height: 400px; float: left; text-align: center; }
.p2_item2 { width: 70%; height: 200px; float: left; }
.p2_item3 { width: 70%; height: 200px; float: left; }
.p2_item2 > h3 { padding-left: 15px; }

/* 상품 3 - 핫디스펜서 */
#sterm_p3 { width: 100%; margin: 0 auto; }
.p3_item { width: 100%; overflow: hidden; }

/* 추가 주문 */
#sterm_p4 { width: 100%; margin: 0 auto; }
.p4_item { width: 100%; overflow: hidden; }
.p4_item1 { width: 30%; height: 500px; float: left; text-align: center; }
.p4_item2 { width: 70%; height: 500px; float: left; }
.p4_item2 > h3 { padding-left: 15px; }


/* Footer */
footer { clear: both; }



/* 상품 테이블 */
.table-users { border: 1px solid #327a81; border-radius: 2px; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); max-width: calc(100% - 1rem); margin: 0 auto; overflow: hidden; }

.price1 { width: 100%;}
.price1 td, .price1 th { color: rgba(0, 0, 0, 1); padding: 10px;}
.price1 td, .price1 th { text-align: center; vertical-align: middle;}

.bottom { background-color: #327a81; color: white; font-size: 0.8rem; padding: 5px; text-align: left; }

tr{ border-bottom: 1px solid rgba(0, 0, 0, 0.2); }




@media screen and (max-width: 768px) {

/* 단기렌탈 레이아읏 */

#sterm_info { width: 100%; height: 500px; margin: 0 auto; overflow: hidden; }
.info_item1 { width: 100%; height: 250px; float: left; text-align: center; }
.info_item2 { width: 100%; height: 250px; float: left; margin-left: auto; }

    
.p1_item1{ width: 100%; height: 350px; float: left; }
.p1_item2{ width: 100%; height: 300px; float: left; }
.p1_item3{ width: 100%; float: left; font-size: 1rem; }

.p2_item1{ width: 100%; height: 400px; float: left; }
.p2_item2{ width: 100%; height: 300px; float: left; }
.p2_item3{ width: 100%; float: left; font-size: 1rem; }

    


/* 상품 테이블 */
.price1, tr, td { display: block; }
.price1 td:first-child { position: absolute; top: 50%; -webkit-transform: translateY(-50%);   transform: translateY(-50%); }
.price1 td:not(:first-child) { clear: both; margin-left: 100px; padding: 4px 20px 4px 90px; position: relative; text-align: left; }
.price1 td:not(:first-child):before { content: ''; display: no; left: 0; position: absolute; }
.price1 td:last-child { text-align: left; width:300px;}
.price1 td:nth-child(2):before { content: '1, 2일:'; }
.price1 td:nth-child(3):before { content: '3일:'; }
.price1 td:nth-child(4):before { content: '4일:'; }
.price1 td:nth-child(5):before { content: '5일 이상:'; }
.price1 tr { padding: 10px 0; position: relative; }
.price1 tr:first-child { display: none; }

}






