/* 전체 영역 */
#Location {
   margin-top: 80px;
}

#Location article {
   max-width: 1200px;
   margin: 0 auto;
   padding: 20px 0px;
}

/* 메인 제목 */
#Location article > header h1 {
   font-size: 36px;
   font-weight: 800;
   text-align: center;
   position: relative;
}

#Location article > header::after {
   content: "";
   position: absolute;
   width: 40px;
   height: 3px;
   bottom: 0px;
   left: 50%;
   margin-left: -20px;
   background-color: var(--maincolor);
}

#Location section {
   margin-bottom: 80px;
}
#Location header {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 80px;
   gap: 20px;
   position: relative;
   padding-bottom: 20px;
   border-bottom: 1px solid #f2f2f2;
}
#Location header img {
   max-width: 140px;
}

/* 지도 컨테이너 */
.sect1_text {
   max-width: 1200px;
   margin: auto;
   position: relative;
}

/* 지도 박스 */
.sect1_text iframe {
   width: 100%;
   height: 450px;
   border: none;
   border-radius: 14px;
   overflow: hidden;
   /* box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.08),
      0 2px 6px rgba(0, 0, 0, 0.05); */
   transition: all 0.35s ease;
}

/* hover 효과 */
.sect1_text:hover iframe {
   transform: translateY(-4px);
   /* box-shadow:
      0 20px 50px rgba(0, 0, 0, 0.12),
      0 5px 15px rgba(0, 0, 0, 0.08); */
}
.location_info {
   margin-top: 40px;
   border-top: 1px solid #e5e5e5;
   background: #fff;
}

.location_info .location_item {
   padding: 22px 0;
   border-bottom: 1px solid #ececec;
}

.location_info .location_item:last-child {
   border-bottom: 0;
}

.location_info .location_item h3 {
   margin: 0 0 14px;
   font-size: 20px;
   font-weight: 700;
   color: #111;
   line-height: 1.4;
}

.location_info .location_item p,
.location_info .location_item li {
   margin: 0;
   font-size: 16px;
   color: #333;
   line-height: 1.7;
}
.location_info .location_item li span {
   margin-left: 20px;
}

.location_info .location_item ul {
   display: flex;
   flex-wrap: wrap;
   gap: 12px 22px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.location_info .address p {
   color: #222;
   font-weight: 500;
}

.location_info .traffic_badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 28px;
   height: 20px;
   padding: 0 6px;
   border-radius: 4px;
   font-size: 12px;
   font-weight: 700;
   line-height: 1;
   vertical-align: middle;
   box-sizing: border-box;
}

.location_info .subway_badge {
   background: #8c63d9;
   color: #fff;
}

.location_info .bus_badge {
   background: #62b44b;
   color: #fff;
}

.location_info .traffic_num {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 22px;
   height: 22px;
   margin-right: 8px;
   border: 1px solid #666;
   border-radius: 50%;
   font-size: 13px;
   font-weight: 700;
   color: #444;
   line-height: 1;
   box-sizing: border-box;
   vertical-align: middle;
}

.location_info .traffic_text {
   vertical-align: middle;
   color: #222;
   margin-left: 0 !important;
}

@media (max-width: 768px) {
   .location_info {
      margin-top: 28px;
   }

   .location_info .location_item {
      padding: 18px 0;
   }

   .location_info .location_item h3 {
      margin-bottom: 10px;
      font-size: 17px;
   }

   .location_info .location_item p,
   .location_info .location_item li {
      font-size: 15px;
      line-height: 1.6;
   }

   .location_info .location_item ul {
      gap: 10px 14px;
   }
}

/* ===== 모바일 반응형 ===== */
@media (max-width: 768px) {
   #Location article > header h1 {
      font-size: 28px;
   }
}
@media (max-width: 500px) {
   #Location {
      margin-top: 40px;
   }
   #Location header img {
      max-width: 80px;
   }
   /* 메인 제목 */
   #Location article > header h1 {
      font-size: 20px !important;
   }
}
/* #Location 페이지 CSS 끝 ------------ */