.pro-details7 {margin: 2rem 0; width: 75rem; height: 40.375rem; display: flex; flex-direction: column;}
.pro-details7 .pro-details7-head { width: 100%; height: 8.625rem; }
.pro-details7-head h1 { color: #000; font-size: 2.5rem; font-weight: 700; height: 3.375rem; }
.pro-details7-head div { width: 36.25rem; height: 4rem; color: var(--grey700, #595959); font-size: 1.25rem; font-weight: 350; line-height: 2rem;
        margin: 0 auto; margin-top: 1.25rem;  }

.pro-details7 .pro-details7-con{ width: 100%; height: 30.5rem; margin-top: 1.25rem; display: flex; justify-content: space-between; }
.pro-details7-con .pro-details7-left { width: 391px; height: 100%; display: flex; align-items: baseline; }
.pro-details7-con .pro-details7-center { width: 392px; height: 100%; display: flex; align-items: baseline; }
.pro-details7-con .pro-details7-right { width: 391px; height: 100%; display: flex; align-items: baseline; flex-wrap: wrap; }
.details7-box1,.details7-box2,.details7-box3,.details7-box4 { border-radius: 1rem; position: relative; }
.details7-box1 { width: 100%; height: 30.5rem;}
.details7-box2 { width: 100%; height: 30.5rem;}
.details7-box3 { width: 100%; height: 14.75rem; margin-bottom: 1rem;}
.details7-box4 { width: 100%; height: 14.75rem; }
        
.details7-box-img { width: 100%; height: 100%; overflow: hidden; border-radius: 1rem; }
.details7-box-img img{ width: 100%; height: 100%; object-fit: cover; transition: all .5s ease .1s;}
.details7-box-img img:hover { transform: scale(1.1); cursor: pointer;}

.details7-box-txt { position: absolute; bottom: 0; width: 391px; height: 144px; border-radius: 0px 0px 1rem 1rem; 
    background: rgba(255, 255, 255, 0.53); backdrop-filter: blur(2px); }
.details7-box-txt h3 { color: #000000; font-size: 2rem; font-weight: 500; padding-top: 36px;}
.details7-box-txt a { color:#000000; font-size: 1rem; font-weight: 300; padding-bottom: 36px; }
.details7-box-txt a:hover {text-decoration: underline;}
.details7-box-txt img { width: 10px; height: 12px;}

.details7-box-txt2 { position: absolute; top:0; width: 391px; height: 108px; border-radius: 1rem 1rem 0rem 0rem; 
     background: rgba(255, 255, 255, 0.53); backdrop-filter: blur(2px); text-align: left;}
.details7-box-txt2 h3 { color: #000000; font-size: 2rem; font-weight: 500; padding-top: 16px; padding-left: 16px; }
.details7-box-txt2 a { color:#000000; font-size: 1rem; font-weight: 300; padding-top: 16px; padding-left: 16px; }
.details7-box-txt2 a:hover {text-decoration: underline;}
.details7-box-txt2 img { width: 10px; height: 12px;}