.sub-visual .visual-section {background: url("../images/benner-sub04-logistics.jpg") 50% 0% /cover no-repeat;}
.section-title{ display:none}
.sub-visual .visual-section .info-box .info-tit {  font-size: 4.2rem;line-height: 1.3;}
.network-inner {max-width:1280px;margin:0 auto;display:flex;align-items:flex-start;gap:50px;padding-inline:3rem;}
.network-info {width:50%; }
.network-title {font-size: 5.4rem;font-weight: 700;line-height: 1.4;letter-spacing: -0.128rem;color: #24252b; margin-bottom: 1.5rem; }
.center-item {padding:3rem 0;border-bottom:1px solid #e5e5e5;}
.center-item h3 {font-size: 2.8rem;font-weight: 700;line-height: 1.2;letter-spacing: -0.128rem;color:#24252b;margin-bottom: 1.5rem;}
.center-item ul {list-style:none;}
.center-item li {font-size: 2.2rem;font-weight:300;line-height: 1.2;letter-spacing:-0.08rem; color:#666;margin-bottom:1.5rem;}
.center-item li:first-child{color:#24252b;font-weight: 500;}
.center-item strong {display:inline-block;font-weight:300;  }

.network-map {width:50%;position:sticky;top:150px;position:sticky; background-color:#b5c7dd;  border-radius:2.2rem; padding:6.5rem}
.network-map img {width:100%;display:block;}
.pinbox{position:absolute;  }
.pintxt{position:absolute; width:100px; height:100px; line-height:100px;text-align:center; font-size:1.6rem;font-weight:500; color:#fff;z-index:12; border-radius:50%; background-color:#0f0f34 }
.pin {position:absolute; width:100px; height:100px; line-height:100px; text-align:center; border-radius:50%;font-size:1.6rem;font-weight:500; color:#fff; white-space:nowrap; background:rgba(107, 244, 248, .0); z-index:1;  }
.pin::before {content:"";position:absolute;left:-2px;top:-2px;width:104px;height:104px;border-radius:50%;background:rgba(33, 114, 236, .70);animation:pulse 2s infinite;font-weight:600; color:#fff; z-index:1;}
 @keyframes pulse {
 0% { transform:scale(.5); opacity:1;}
 100% { transform:scale(1.8); opacity:0;}
}

.suwon {top:30%;left:27%;}
.daejeon {top:48%;left:34%;}
.gumi {top:53%;left:57%;}
.changwon {top:68%;left:70%;}
.gwangju {top:71%;left:22%;}
  

@media screen and (max-width: 1280px) {
}


@media screen and (max-width: 1024px) {

.pinbox{position:absolute; }
.pintxt{position:absolute; width:85px; height:85px; line-height:85px;text-align:center; font-size:1.4rem;font-weight:600; color:#fff;z-index:12; }
.pin {position:absolute; width:85px; height:85px; line-height:85px; text-align:center; border-radius:50%;font-size:1.8rem;font-weight:500; color:#fff; white-space:nowrap; background:#2172ec;   }
.pin::before {content:"";position:absolute;left:-2px;top:-2px;width:85px;height:85px;border-radius:50%;background:rgba(33, 114, 236, .40);animation:pulse 2s infinite;font-weight:600; color:#fff;}
 @keyframes pulse {
 0% { transform:scale(.5); opacity:1;}
 100% { transform:scale(2); opacity:0;}
}

.network-inner {gap:40px;}
.network-title {font-size:42px;}
.center-item h3 {font-size:2.8rem;}
.center-item li {font-size:1.8rem;}
}
 

@media (max-width:768px) {
.sub-visual .visual-section .info-box .info-tit {font-size:3rem;line-height: 1.3;}	
.section-title{ display:block}	

.network-inner { flex-direction:column; gap:40px;}
.network-map {width:100%;position:relative;top:auto;order:1;}
.network-info {width:100%;order:2;}
.network-title { display:none}
.center-item {padding:20px 0;}
.center-item h3 {font-size: 2.4rem;}
.center-item li {font-size:1.6rem;}


}