/* 본문 래퍼 */
.loc-wrap{
  max-width: 1200px;
  margin: 24px auto 80px;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 24px;
}

/* 지도 카드 */
.map-card{
  background:#fff; border-radius:14px; overflow:hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}
.map-card iframe{
  display:block; width:100%; height: 460px; border:0;
}
.map-actions{
  padding:12px; display:flex; justify-content:flex-end;
  background:#fff;
}
.btn{
  text-decoration:none; display:inline-block;
  padding:10px 14px; border-radius:8px;
  font-weight:700; font-size:14px;
  background: var(--main-orange); color:#fff;
}
.btn:hover{ background:#cc5200 }

/* 정보 카드 */
.info-card{
  background:#fff; border-radius:14px; padding:20px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}
.info-card h2{
  margin:0 0 12px; font-size:20px; font-weight:900;
}
.info-list{
  list-style:none; margin:0; padding:0;
  display:grid; gap:10px;
}
.info-list li{
  display:grid; grid-template-columns: 90px 1fr auto;
  align-items:center; gap:10px;
  padding:8px 0; border-bottom:1px dashed #eee;
}
.info-list .label{ color:#777; font-weight:700; font-size:15px }
.info-list .value{ font-size:16px }
.mini-btn{
  padding:6px 10px; border-radius:8px; border:1px solid #eee;
  background:#f8f8f8; font-size:12px; cursor:pointer;
}
.mini-btn:hover{ background:#f0f0f0 }

/* 오시는 길 */
.directions{ margin-top:16px }
.directions h3{ margin:0 0 10px; font-size:16px; font-weight:900 }
.dir-grid{
  display:grid; gap:12px;
  grid-template-columns: 1fr 1fr;
}
.dir-grid strong{ display:block; color:#333; margin-bottom:4px }

/* 반응형 */
@media (max-width: 960px){
  .loc-wrap{ grid-template-columns: 1fr; }
  .map-card iframe{ height: 360px; }
  .info-list li{ grid-template-columns: 80px 1fr auto; }
}


/* =========================================================
   Location Page - 회사 이미지 스타일
========================================================= */

.info-card h2 {
    margin-bottom: 20px;
    font-size: 1.8rem;
    color: #333;
}

.company-photo {
    width: 100%;
    /* 이미지 높이를 제한하고 비율을 유지하여 카드가 너무 길어지지 않도록 함 */
    margin-bottom: 25px; /* 아래 정보 목록과의 간격 */
    border-radius: 8px; /* 카드와 통일감 있는 모서리 */
    box-shadow: 0 2px 5px rgba(0,0,0,.1); /* 시각적 분리 */
}

.company-photo img {
    width: 100%;
    height: auto;
    /* 이미지가 컨테이너를 꽉 채우면서 비율을 유지하도록 설정 */
    object-fit: contain; 
    display: block;
}

/* 기존 정보 목록 및 오시는 길 스타일 보완 */
.info-card .info-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.info-card .info-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.info-card .info-list li:last-child {
    border-bottom: none;
}
.info-card .info-list .label {
    font-weight: 700;
    color: var(--main-orange);
    flex-basis: 80px;
    flex-shrink: 0;
}
.info-card .info-list .value {
    flex-grow: 1;
    text-align: right;
    padding-right: 10px;
}