.contact-editable-banner .inner-ban-txt {
  left: 0;
  right: auto;
  top: 50%;
  width: 50%;
  transform: translateY(-50%);
}

.contact-editable-banner .contact-banner-copy {
  width: 100%;
  max-width: 36.46vw;
  margin: 0 auto;
  padding: 0 1.25vw;
  text-align: center;
}

.contact-editable-banner .inner-ban-big {
  margin: 0 0 1.25vw;
  font-size: 2.4vw;
  font-weight: 700;
  line-height: 3.02vw;
}

.contact-editable-banner .inner-ban-small {
  max-width: 35.42vw;
  margin: 0 auto;
  padding: 0;
  font-size: 1.46vw;
  line-height: 2.71vw;
  white-space: pre-line;
}

@media (max-width: 780px) {
  .contact-editable-banner .inner-ban-txt { width: 64%; }
  .contact-editable-banner .contact-banner-copy { padding: 0 8px; }
  .contact-editable-banner .inner-ban-big { margin-bottom: 6px; font-size: 20px; line-height: 1.2; }
  .contact-editable-banner .inner-ban-small { font-size: 10.5px; line-height: 1.45; }

  .contact-1,
  .contact-2,
  .contact-1 *,
  .contact-2 * { box-sizing: border-box; }

  .contact-1.hidden,
  .contact-2.hidden { display: block !important; }
  .contact-1 .contact-map-r.hidden { display: contents !important; }
  .contact-1 .wow,
  .contact-2 .wow { visibility: visible !important; opacity: 1 !important; animation: none !important; }

  .inner-banner .sub-nav-title-con > .container { width: 100% !important; max-width: none !important; padding: 0 24px 0 8px !important; }
  .inner-banner .sub-nav-title .mCSB_container { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100% !important; margin: 0 !important; }
  .inner-banner .sub-nav-title .item-a { display: flex !important; width: 100% !important; min-width: 0 !important; height: 48px !important; margin: 0 !important; padding: 0 10px !important; align-items: center; justify-content: center; }

  .contact-1 { padding: 72px 0 18px !important; overflow: hidden; }
  .contact-1 > .container,
  .contact-2 > .container { width: 100% !important; max-width: none !important; margin: 0 !important; padding-right: 16px !important; padding-left: 16px !important; }
  .contact-1 .contact-map { display: grid !important; grid-template-columns: minmax(0, 56%) minmax(0, 44%); column-gap: 4px; width: 100% !important; align-items: center; }
  .contact-1 .contact-map-l { display: block !important; grid-column: 1; grid-row: 1 / span 2; width: 100% !important; align-self: center; }
  .contact-1 .contact-map-l .map-box { display: block !important; width: 290px !important; max-width: none !important; margin: 0 auto !important; transform: translateX(-22px) !important; }
  .contact-1 .contact-map-l .map-img { display: block; width: 100% !important; max-width: 100% !important; height: auto !important; }

  .contact-1 .contact-map-r,
  .contact-1 .contact-map-r > div { display: contents !important; }
  .contact-1 .contact-list { display: block !important; grid-column: 2; grid-row: 1; align-self: end; transform: translateY(-32px) !important; }
  .contact-1 .contact-list .item { width: 100% !important; min-height: 0 !important; margin: 0 0 12px !important; padding: 0 !important; border: 0; border-radius: 0; background: transparent; }
  .contact-1 .contact-list .item:last-child { margin-bottom: 0 !important; }
  .contact-1 .contact-list .item-name { margin: 0 0 3px !important; font-size: 11px !important; line-height: 1.4 !important; }
  .contact-1 .contact-list .item-address { margin: 0 !important; font-size: 17px !important; line-height: 1.35 !important; }
  .contact-1 .contact-sec2 { grid-column: 2; grid-row: 2; align-self: start; margin: 14px 0 0 !important; font-size: 11px !important; line-height: 1.65 !important; transform: translateY(-32px) !important; }

  .contact-1 .contact-sec3 { grid-column: 1 / -1; grid-row: 3; width: 100% !important; margin-top: -18px !important; padding: 10px 16px !important; border-radius: 14px !important; }
  .contact-1 .contact-sec3 .item { display: grid !important; grid-template-columns: minmax(0, 112px) minmax(0, 1fr); min-height: 52px; align-items: center !important; }
  .contact-1 .contact-sec3 .item:last-child { border-bottom: 0; }
  .contact-1 .contact-sec3 .item-l { min-width: 0 !important; }
  .contact-1 .contact-sec3 .item-l img { flex: 0 0 18px; width: 18px !important; height: 18px !important; margin-right: 6px !important; }
  .contact-1 .contact-sec3 .item-l p,
  .contact-1 .contact-sec3 .item-r p { margin: 0 !important; font-size: 14px !important; line-height: 1.55 !important; }
  .contact-1 .contact-sec3 .item-r p { padding-left: 8px !important; overflow-wrap: anywhere; }

  .contact-2 { padding: 48px 0 42px !important; }
  .contact-2 .message-form { margin-top: 28px !important; }
  .contact-2 .form-inline { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .contact-2 .form-group,
  .contact-2 .form-group:nth-child(odd) { display: block !important; width: 100% !important; margin: 0 !important; }
  .contact-2 .form-group label { display: block; margin: 0 0 8px !important; font-size: 14px !important; line-height: 1.5; }
  .contact-2 .form-control { display: block; width: 100% !important; height: 48px !important; padding: 0 14px !important; font-size: 14px !important; line-height: 48px !important; }
  .contact-2 .form-texttarea { margin-top: 0 !important; }
  .contact-2 .form-texttarea .form-control { height: 136px !important; padding-top: 13px !important; line-height: 1.7 !important; resize: vertical; }
  .contact-2 .form-group.w100 { display: flex !important; gap: 14px; justify-content: center; }
  .contact-2 .submit-btn { width: 112px !important; height: 48px !important; margin: 2px 0 0 !important; border-radius: 18px !important; font-size: 15px !important; }

  html[lang="en"] .inner-banner .sub-nav-title .item-a { padding: 0 6px !important; }
  html[lang="en"] .inner-banner .sub-nav-title .item-a span { font-size: 13px !important; line-height: 1.25 !important; white-space: normal !important; }
  html[lang="en"] .contact-1 .contact-map { grid-template-columns: minmax(0, 52%) minmax(0, 48%); }
  html[lang="en"] .contact-1 .contact-map-l .map-box { width: 270px !important; transform: translateX(-20px) !important; }
  html[lang="en"] .contact-1 .contact-list .item-name { font-size: 10px !important; }
  html[lang="en"] .contact-1 .contact-list .item-address { font-size: 15px !important; }
  html[lang="en"] .contact-1 .contact-sec2 { font-size: 10px !important; line-height: 1.55 !important; }
  html[lang="en"] .contact-1 .contact-sec3 .item { grid-template-columns: minmax(0, 118px) minmax(0, 1fr); }
  html[lang="en"] .contact-1 .contact-sec3 .item-l p,
  html[lang="en"] .contact-1 .contact-sec3 .item-r p { font-size: 12px !important; }
}