@charset "UTF-8";
/* 모바일만 ~767px */
/* 태블릿부터 768px~ */
/* 태블릿만 768px~1023px */
/* PC부터 1024px~ */
@media screen and (min-width: 1024px) {
  .sc1 {
    margin-bottom: 120px;
  }
  .sc1 h2 {
    font-size: 2.7em;
    font-weight: 400;
    padding: 0;
  }
  .sc1 p {
    font-size: 1.3em;
    padding: 0;
  }
  .sc1 .inner {
    width: 1200px;
    margin: 0 auto;
  }
  .sc1 .img-box {
    width: 1200px;
    height: 400px;
  }
  .sc2 {
    padding-bottom: 120px;
  }
  .sc2 .inner {
    width: 1100px;
    margin: 0 auto;
  }
  .sc2 h2 {
    font-size: 2em;
    margin-top: 70px;
  }
  .sc2 p {
    font-size: 1.3em;
    margin-bottom: 70px;
  }
  .sc2 .phone-box {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 50px;
  }
  .sc2 .phone-box img {
    width: 500px;
  }
  .sc2 .reason-box {
    float: right;
    width: 50%;
  }
  .sc2 .reason-box div {
    width: 33.3333%;
    text-align: left;
  }
  .sc3 .ad-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sc3 .ad-box .ad {
    width: 100%;
  }
}
/* 작은 PC 1024px~1279px */
/* PC 1280px~ */
@media screen and (min-width: 1280px) {
  .sc2 .inner {
    width: 1400px;
  }
  .sc3 {
    padding: 70px 60px;
  }
}