.tabbable { width: 100%; height: 100%; border: 1px solid lightgray; margin-bottom: 50px; }
/*.col{ border: 1px solid lightgray; height: 600px; }*/
.row { margin: 0 auto; overflow: hidden; }
.col { float: left; }
.col > img{ box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); }
.shvdl { margin-top: 20px; !important }
.divrksrur { height: 50px; text-align: left; line-height: 50px; }

/*장기렌탈 콘텐츠*/

/*장기렌탈 모달*/
#modal_img{
    text-align: center;
}
/*장기렌탈 가격*/
.price_tit{ width: 100%; padding: 10px; }
.lterm_table{ 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; }
.l_table{ width: 100%; }
.l_table td{ color: rgba(0, 0, 0, 1); padding: 10px; text-align: center; vertical-align: middle; }
.class="l_tr"{ border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.l_bottom { background-color: #327a81; color: white; font-size: 0.8rem; padding: 5px; text-align: left; }



/*반응형*/
@media (max-width: 576px) {
    .img-fluid{ max-width: 280px; }
    .rksrur{ margin-top: 30px }
    .whkdnwjdfuf { display: none; }
    
    
    /* 상품 테이블 */
    .l_table, tr, td { display: block; }
    .l_table td:first-child { width: 60px; position: absolute; top: 5%; -webkit-transform: translateY(-50%);   transform: translateY(-50%); border: none; }
    .l_table td:not(:first-child) { clear: both; margin-left: 100px; padding: 4px 20px 4px 90px; position: relative; text-align: left; }
    .l_table td:not(:first-child):before { content: ''; display: no; left: 0; position: absolute; }
    .l_table td:last-child { text-align: left; width:300px;}
    .l_table td:nth-child(2):before { content: 'X8c'; }
    .l_table td:nth-child(3):before { content: 'X8'; }
    .l_table td:nth-child(4):before { content: 'WE6'; }
    .l_table td:nth-child(5):before { content: 'Aulika'; }
    .l_table td:nth-child(6):before { content: 'Concetto'; }    
    .l_table td:nth-child(7):before { content: 'Syncrony'; }    
    .l_table td:nth-child(8):before { content: 'Anima XL'; }   
    .l_table td:nth-child(9):before { content: 'Koro prime'; }    
    .l_table tr { padding: 10px 0; position: relative; }
    .l_table tr:first-child { display: none; }  
    
}

