@charset "utf-8";

@media screen and (max-width:1100px) {

  .topSec .mainTitle {
    top: 15%;
  }

  .topSec .mainTitle h2 {
    font-size: 34px;
  }
  .topSec .phoneImageSample .designPosition {
    top: 30%;
    left: 70%;
  }
}
@media screen and (max-width:890px) {
  header::before {
    -webkit-clip-path: polygon(67% 0%, 100% 0%, 100% 100%, 36% 100%);
    clip-path: polygon(67% 0%, 100% 0%, 100% 100%, 36% 100%);
  }
  header.default .mainNav {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width:760px) {
  main::before {
    -webkit-clip-path: polygon(0% 0%, 78% -34%, 0% 81%, 0% 100%);
    clip-path: polygon(0% 0%, 78% -34%, 0% 81%, 0% 100%);
  }
  .topSec .mainTitle {
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  .topSec .phoneImageSample .designPosition {
    top: 70%;
    left: 50%;
  }
  .topSec .scrollItem {
    top: 200px;
    bottom: auto;
    left: auto;
    right: 20px;
  }
  main .serviceSec {
    padding-top: 1200px;
  }
  .copyRight-fixed {
    left: -35px;
  }
}
@media screen and (max-width:560px) {

  footer .createAccountBtn {
    width: 410px;
  }
  footer .createAccountBtn h4 {
    font-size: 22px;
  }
  footer .createAccountBtn p {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (max-width:420px) {

  .topSec .mainTitle h2 {
    font-size: 22px;
  }
  .topSec .scrollItem {
    top: 180px;
    width: 230px;
    height: 230px;
  }
  main .sectionContents {
    padding-top: 800px;
  }
  footer .createAccount {
    height: calc(100% / 2.5);
    padding-top: 30px;
  }
  footer .createAccountBtn {
    width: 330px;
  }
  footer .createAccountBtn h4 {
    font-size: 18px;
  }
  footer .footerNav {
    height: calc(100% / 1.5);
    padding-top: 10px;
  }
  footer .footerNav li {
    margin-top: 10px;
  }
  footer .sns-link {
    margin-right: 0;
  }
}