/* 탭 버튼 */
.location-tabs { display: flex; justify-content: center; gap: 15px; margin: 0 0 60px; }
.location-tabs .tab-btn { padding: 12px 40px; border: 1px solid #ddd; background: #fff; border-radius: 30px; font-size: 16px; font-weight: 600; color: #999; cursor: pointer; transition: all 0.3s; }
.location-tabs .tab-btn.active { border-color: var(--primary-color); color: var(--primary-color); }

/* 레이어 및 그리드 */
.location-layer { display: none; }
.location-layer.active { display: block; }
.factory-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4%; margin: 0 auto; }
#layer-vietnam .factory-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4%; margin: 0 auto; align-items: stretch; }
.factory-item { background: #fff; display: flex; flex-direction: column; height: 100%; }
.factory-img { width: 100%; overflow: hidden; border-radius: 10px; margin-bottom:60px; }
.factory-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.factory-item:hover .factory-img img { transform: scale(1.05); }
.factory-info { display: flex; flex-direction: column; flex: 1; }
.factory-title { font-size: 30px; font-weight: 600; letter-spacing:-0.025em; color: var(--primary-color); margin-bottom: 20px; }
.factory-desc { background: #f7f7f7; padding: 50px; border-radius: 10px; flex: 1; display: flex; flex-direction: column; }
.factory-desc strong { display: block; font-size: 23px; font-weight: 600; margin-bottom: 10px; }
.factory-desc p { font-size: 18px; line-height: 1.4; word-break: keep-all; }
.factory-desc-inner{display:flex;flex-wrap:wrap;gap:4%;}
.factory-info-num{width:100%;display:flex;flex-wrap:wrap;gap:5%;margin-bottom:5px;}

/* 반응형 */
@media (max-width: 1400px) {
    .location-page-wrap .container{padding:160px 5%;}
}

@media (max-width: 1024px) {
    .factory-grid { grid-template-columns: 1fr; }
    #layer-vietnam .factory-grid { grid-template-columns: 1fr; }
    .factory-desc-inner{gap:30px;}
    .factory-desc{flex:100%;padding:30px}
    .factory-img{margin-bottom:5%}
    .factory-title{font-size:24px;}
    .factory-desc strong{font-size:20px;}
}

@media (max-width: 768px) {
    .location-page-wrap .container{padding:100px 5%;}
    .location-tabs { gap: 8px; }
    .location-tabs .tab-btn { padding: 10px 20px; font-size: 16px; }
    .factory-title{font-size:20px;}
    .factory-desc{padding:20px}
    .factory-desc strong{font-size:18px;}
    .factory-desc p{font-size:16px;width:100%;font-size: 16px;}    
}