/*! Writen  by SCSS */
.pre-inc .inner_main .main_image {
  height: 400px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/map/main.jpg"); }
  @media screen and (max-width: 820px) {
    .pre-inc .inner_main .main_image {
      height: 250px; } }
  @media screen and (max-width: 480px) {
    .pre-inc .inner_main .main_image {
      height: 150px; } }
.pre-inc .map_area {
  padding-bottom: clamp(100px, 12.5vw, 150px); }
  .pre-inc .map_area .map_image_group {
    max-width: 1110px;
    margin: 0 auto;
    flex-direction: column;
    row-gap: 60px; }
    .pre-inc .map_area .map_image_group .map_in {
      flex-direction: column;
      row-gap: 40px; }
      @media screen and (max-width: 480px) {
        .pre-inc .map_area .map_image_group .map_in {
          row-gap: 25px; } }
      .pre-inc .map_area .map_image_group .map_in .map_image_wrap {
        flex-direction: column;
        row-gap: 10px; }
        .pre-inc .map_area .map_image_group .map_in .map_image_wrap .map_image {
          position: relative; }
          .pre-inc .map_area .map_image_group .map_in .map_image_wrap .map_image:after {
            content: "";
            position: absolute;
            inset: 0;
            border: 1px solid #999;
            pointer-events: none; }
        .pre-inc .map_area .map_image_group .map_in .map_image_wrap .map_legend {
          column-gap: 20px;
          justify-content: flex-end;
          width: fit-content;
          margin-left: auto;
          border: 1px solid #999;
          padding: 5px 10px; }
          @media screen and (max-width: 480px) {
            .pre-inc .map_area .map_image_group .map_in .map_image_wrap .map_legend {
              flex-direction: column;
              row-gap: 3px;
              width: auto;
              margin-left: 0;
              justify-content: flex-start; } }
          .pre-inc .map_area .map_image_group .map_in .map_image_wrap .map_legend .map_legend_txt {
            display: flex;
            align-items: center;
            column-gap: 10px;
            font-size: clamp(12px, 1.167vw, 14px); }
            @media screen and (max-width: 480px) {
              .pre-inc .map_area .map_image_group .map_in .map_image_wrap .map_legend .map_legend_txt {
                font-size: 12px; } }
            .pre-inc .map_area .map_image_group .map_in .map_image_wrap .map_legend .map_legend_txt:before {
              content: "";
              width: 65px;
              height: 10px; }
            .pre-inc .map_area .map_image_group .map_in .map_image_wrap .map_legend .map_legend_txt.red:before {
              background: radial-gradient(circle, #76161b 4px, transparent 5px) 0 50%/16px 16px repeat-x; }
            .pre-inc .map_area .map_image_group .map_in .map_image_wrap .map_legend .map_legend_txt.blue:before {
              background: radial-gradient(circle, #00a0e9 4px, transparent 5px) 0 50%/16px 16px repeat-x; }
      .pre-inc .map_area .map_image_group .map_in .google_btn_group {
        max-width: 740px;
        width: 100%;
        margin: 0 auto;
        flex-wrap: wrap;
        gap: 15px 0; }
        @media screen and (max-width: 480px) {
          .pre-inc .map_area .map_image_group .map_in .google_btn_group {
            gap: 10px 0; } }
        .pre-inc .map_area .map_image_group .map_in .google_btn_group a {
          width: 49%;
          font-size: clamp(14px, 1.417vw, 17px);
          text-align: center;
          justify-content: center;
          column-gap: 15px;
          padding: 15px 10px;
          background: #9E2232;
          color: #FFF; }
          @media screen and (max-width: 480px) {
            .pre-inc .map_area .map_image_group .map_in .google_btn_group a {
              width: 100%; } }
          .pre-inc .map_area .map_image_group .map_in .google_btn_group a.single {
            width: 100%; }
          .pre-inc .map_area .map_image_group .map_in .google_btn_group a .icon {
            line-height: 0; }
          .pre-inc .map_area .map_image_group .map_in .google_btn_group a:nth-of-type(1) {
            width: 100%; }

/*# sourceMappingURL=map.css.map */