/* ===== 상단 비주얼 ===== */
#eq_bg {
  background: url('/img/equip/eq_bg.jpg') no-repeat center center / cover !important;

}



/* ===== 장비 상세 공통 ===== */
.equipment-detail {
  background: #fff;
   
}
.equipment-block {
  display: flex; 
  align-items: stretch;
  position: relative;
  margin-bottom: 100px;
}



.equipment-block:after {
    content: "";
    clear: both;
    display: block;
}

.equipment-media {
    max-width: 820px;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
}

.equipment-slider {
  width: 100%;
}

.equipment-slider img {
  width: 100%;
  height: auto;
  object-fit: cover;
    

}

.equipment-img{
      border-radius: 15px;
    overflow: hidden;
    
}

.equipment-media {
  flex: 1 1 50%;
}

.equipment-text {
    background: #fff;
    border-radius: 12px;
    width: 43%;
    z-index: 2;
    padding: 30px 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);

}

.equipment-text h3 {
  font-size: 24px;
  color: #f37021;
  margin-bottom: 15px;
  font-weight: 700;
}

.equipment-text p {
    font-size: 16px;
    color: #444;
    line-height: 1.8;
    word-break: keep-all;
    
}


.equipment-text.overlay {
    position: absolute;
    bottom: 20px;
    right: 0;
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    z-index: 2;
}
.reverse .equipment-text.overlay {
    left: 0;
}

.equipment-block.reverse {
  flex-direction: row-reverse;
}





/* ===== 바지선 사양 표 ===== */
.barge-spec {
      overflow-x: auto;
       margin-bottom: 100px;
}

.barge-spec_txt {
  text-align: center;
  color: #f37021;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  position: relative;
 
}


.barge-spec table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  font-size: 15px;
    min-width: 1000px; 
  table-layout: fixed;
  word-break: keep-all;
}

.barge-spec th {
  background: #00538a;
  color: #fff;
  padding: 12px 8px;
  font-weight: bold;
  border: 1px solid #ccc;
}

.barge-spec td {
  border: 1px solid #ddd;
  padding: 12px 8px;
  background: #fff;
  color: #333;
}

.barge-spec td[colspan] {
  background: #f0f0f0;
  font-weight: bold;
}
  .barge-spec td, .barge-spec th {
    vertical-align: middle;
  }

.equipment-detail .mob{
    display: none ;
}
.me{line-height: 1.5;}
.equipment-detail .pc{display: block !important;}
/* ===== 반응형 ===== */
@media (max-width: 900px) {
    .equipment-block {
        align-items: center;
        margin-bottom: 50px;
        flex-direction: column;
    }
    .equipment-block.reverse {
        flex-direction: column;
    }
    .equipment-text.overlay{
        width:calc(100% - 50px);
        position: unset;
        max-width: 650px;
        bottom: 50px;
        position: relative;
    }
    .reverse .equipment-text.overlay {
         bottom: 50px;
        position: relative;
    }
    .equipment-img {
        width: 100%;
    }
    .equipment-img img{
        width: 100%;
    }

}


@media (max-width: 750px) {
    .equipment-detail .pc{display: none !important;}
    .equipment-detail .mob{
        display: block;
    }
    .equipment-text h3 {
        font-size: 20px;
    }
    .equipment-text p {
        font-size: 14px;
    }
    .equipment-img{
        display: flex;
        flex-direction: column;
        align-items: center;

    }

}
@media(max-width:500px){
    .equipment-block {
        margin-bottom: 30px;
    }
    
}