@charset "UTF-8";
/* --------------------- sec 1 start--------------------- */
.sec_1 .container .wrapper .map_area .map {
  height: clamp(500px, 35.42vw, 680px);
}
.sec_1 .container .wrapper .map_area .info {
  width: calc(100% - 12.5vw);
  position: relative;
  z-index: 1;
  background: #fff;
  margin-top: -90px;
  font-weight: 700;
}
.sec_1 .container .wrapper .map_area .info span {
  font-size: clamp(18px, 0.94vw, 18px);
  color: #4380d6;
}
.sec_1 .container .wrapper .map_area .info p {
  font-size: clamp(26px, 1.35vw, 26px);
}
.sec_1 .container .wrapper .map_area .info .call_area a {
  font-size: clamp(18px, 0.94vw, 18px);
  font-weight: 400;
}
.sec_1 .container .wrapper .map_area .info .call_area a i {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  background-color: #eee;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-right: 14px;
}
.sec_1 .container .wrapper .map_area .info .call_area .call {
  margin-right: 60px;
}
.sec_1 .container .wrapper .map_area .info .call_area .call i {
  background-image: url(../img/call_ico.png);
}
.sec_1 .container .wrapper .map_area .info .call_area .phone i {
  background-image: url(../img/phone_ico.png);
}

/* --------------------- RWD --------------------- */
@media (max-width: 750px) {
  .sec_1 .container .wrapper .map_area .map {
    height: clamp(300px, 90.67vw, 680px);
  }
  .sec_1 .container .wrapper .map_area .info {
    width: calc(100% - 8vw);
    margin-top: -80px;
  }
  .sec_1 .container .wrapper .map_area .info span {
    font-size: clamp(13px, 4vw, 30px);
  }
  .sec_1 .container .wrapper .map_area .info p {
    font-size: clamp(6px, 4.8vw, 36px);
    line-height: 1.44; /* 52px */
  }
  .sec_1 .container .wrapper .map_area .info .call_area {
    display: block;
  }
  .sec_1 .container .wrapper .map_area .info .call_area a {
    justify-content: center;
    font-size: clamp(13px, 4vw, 30px);
  }
  .sec_1 .container .wrapper .map_area .info .call_area a i {
    width: clamp(30px, 6.67vw, 50px);
    height: clamp(30px, 6.67vw, 50px);
    margin-right: 2.67vw; /*20px*/
    background-size: clamp(15px, 2.93vw, 22px) clamp(15px, 2.93vw, 22px);
  }
  .sec_1 .container .wrapper .map_area .info .call_area .call {
    margin-right: 0;
    margin-bottom: 4vw; /*30px*/
  }
}
/* 버튼 hover용 */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #1e3960;
  }
}
@keyframes pulse_green {
  0% {
    box-shadow: 0 0 0 0 #82a006;
  }
}
@keyframes pulse_red {
  0% {
    box-shadow: 0 0 0 0 #d65047;
  }
}
@keyframes pulse_yellow {
  0% {
    box-shadow: 0 0 0 0 #eeab00;
  }
}
@keyframes pulse_white {
  0% {
    box-shadow: 0 0 0 0 #fff;
  }
}
@keyframes pulse_sky_blue {
  0% {
    box-shadow: 0 0 0 0 #4380d6;
  }
}