:root {
  /* 메인 컬러 */
  --color-main: #fa8c00;
  /* 서브 포인트 */
  --color-sub: #76a22d;
  /* 기본 배경 */
  --color-bg: #ffffff;
  /* 기본 텍스트 */
  --color-text: #222222;
  /* 보조 텍스트 */
  --color-muted: #888888;

  /* 메인 폰트 */
  --font-main: "Pretendard", sans-serif;
  /* 포인트 폰트 */
  --font-point: "TimesRoman", Times, serif;
  /* 데코 폰트 */
  --font-deco: "Blacksword", cursive;
}

.inner__basic {
  width: 1600px;
  padding: 0 50px;
  margin: 0 auto;
}

/* 1600px 이하 */
@media (max-width:1600px) {
  .inner__basic {
    width: 1400px;
    padding: 0 40px;
  }
}

/* 1440px 이하 */
@media (max-width:1440px) {
  .inner__basic {
    width: 1280px;
    padding: 0 36px;
  }
}

/* 1280px 이하 */
@media (max-width:1280px) {
  .inner__basic {
    width: 100%;
    padding: 0 32px;
  }
}

/* 1024px 이하 */
@media (max-width:1024px) {
  .inner__basic {
    width: 100%;
    padding: 0 28px;
  }
}

/* 768px 이하 */
@media (max-width:768px) {
  .inner__basic {
    width: 100%;
    padding: 0 20px;
  }
}

/* 390px 이하 */
@media (max-width:390px) {
  .inner__basic {
    width: 100%;
    padding: 0 16px;
  }
}

.inner__sub {
  width: 1400px;
  padding: 0 50px;
  margin: 0 auto;
}

/* 1440px 이하 */
@media (max-width:1440px) {
  .inner__sub {
    width: 1280px;
    padding: 0 36px;
  }
}

/* 1280px 이하 */
@media (max-width:1280px) {
  .inner__sub {
    width: 100%;
    padding: 0 32px;
  }
}

/* 1024px 이하 */
@media (max-width:1024px) {
  .inner__sub {
    width: 100%;
    padding: 0 28px;
  }
}

/* 768px 이하 */
@media (max-width:768px) {
  .inner__sub {
    width: 100%;
    padding: 0 20px;
  }
}

/* 390px 이하 */
@media (max-width:390px) {
  .inner__sub {
    width: 100%;
    padding: 0 16px;
  }
}

.pc-none {
  display: none;
}

@media (max-width:768px) {
  .pc-none {
    display: block;
  }

  .pc-only {
    display: none;
  }
}