/* 2026-08-31 OLMO 지점 페이지 반응형·UI 보정 (8개 지점 공통, 각 지점 css 뒤에 로드) */
#wrap { margin: 80px 6% 40px; }#wrap > h1, #wrap > h2{ font-size: 34px; }
/* 지점 탭: 8개가 창 폭에 맞춰 균등 분할, 좁으면 두 줄 */
#wrap .button { flex-wrap: wrap; margin: 0 auto; max-width: 1200px; }
#wrap .button li { flex: 0 0 12.5%; width: 12.5%; box-sizing: border-box; }
#wrap .button li a { width: 100%; box-sizing: border-box; font-size: 16px; white-space: nowrap; border-left: 1px solid #2B492C !important; margin-left: -1px; margin-top: -1px; }
/* 본문 상자 */
main[class^="olmo_"] { width: 100%; max-width: 1200px; box-sizing: border-box; padding: 50px 5%; }
.olmo_intro { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.olmo_intro .left { float: none; flex: 1 1 55%; min-width: 0; }
.olmo_intro .right { float: none; flex: 0 1 40%; height: auto; max-width: 440px; object-fit: cover; }
.olmo_intro .itr_olmo td { word-break: keep-all; }
.text_1 img { max-width: 100%; }
/* 신규 지점: 사진 2장 / 0장 */
.olmo_pto.few2 { display: flex; gap: 2%; margin: 100px 0; }
.olmo_pto.few2 img { float: none !important; width: 49% !important; height: auto; object-fit: cover; }
.olmo_pto.few0 { display: none; }
.olmo_pto.few0 + .text { margin-top: 130px; }
@media (max-width: 800px) { .olmo_pto.few0 + .text { margin-top: 70px; } }
@media (max-width: 1100px) {
  #wrap { margin: 50px 4% 30px; }
  #wrap .button li { flex: 0 0 25%; width: 25%; }
  #wrap .button li a { font-size: 14px; height: 44px; line-height: 42px; }
  main[class^="olmo_"] { padding: 36px 5%; }
  .olmo_intro .left h4 { font-size: 24px; }
  .olmo_pto { margin: 80px 0; }
  .text_1, .text_2 { margin-bottom: 80px; }
}
@media (max-width: 800px) {#wrap > h1, #wrap > h2{ font-size: 26px; }
  #wrap .button li { flex: 0 0 25%; width: 25%; }
  #wrap .button li a { font-size: 13px; height: 40px; line-height: 38px; }
  .olmo_intro { flex-direction: column; }
  .olmo_intro .right { max-width: 100%; width: 100%; }
  .olmo_pto.few2 { flex-direction: column; }
  .olmo_pto.few2 img { width: 100% !important; }
}