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

  /* 메인 폰트 */
  --f-main: 'SUIT Variable', sans-serif;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}

body {
  font-size: 16px;
  color: #000;

  font-family: var(--f-main);
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}

a {
  text-decoration: none;
  color: inherit;
}

img,
video,
input {
  vertical-align: middle;
}

img {
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
}

/* 기본 비디오 컨트롤 숨기기 */
video::-webkit-media-controls {
  display: none !important;
}

button {
  font-size: 16px;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-text-fill-color: currentColor !important;
  color: inherit;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.skip-nav {
  position: absolute;
  top: -50px;
  /* 화면 위로 숨기기 */
  left: 0;
  z-index: 9999;
  padding: 12px 20px;
  background: #000;
  /* 대비 높은 색 */
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  transition: top 0.3s ease;
}

.skip-nav:focus,
.skip-nav:active {
  top: 0;
  /* 포커스되면 화면에 등장 */
}


/* 콘텐츠 inner 크기 관리 */
.inner {
  max-width: 1600px;
  padding: 0 50px;
  margin: 0 auto;
}

/* .inner-wide {} */

.inner-slim {
  max-width: 1300px;
  padding: 0 50px;
  margin: 0 auto;
}

@media (max-width: 1440px) {

  .inner,
  .inner-slim {
    padding: 0 50px;
  }
}

@media (max-width: 1280px) {

  .inner,
  .inner-slim {
    padding: 0 40px;
  }
}

@media (max-width: 1024px) {

  .inner,
  .inner-slim {
    padding: 0 30px;
  }
}

@media (max-width: 768px) {

  .inner,
  .inner-slim {
    padding: 0 20px;
  }
}

@media (max-width: 480px) {

  .inner,
  .inner-slim {
    padding: 0 15px;
  }
}

@media (max-width: 768px) {

  /* 모바일에서 AOS 딜레이 삭제 */
  [data-aos][data-aos-delay] {
    transition-delay: 0s !important;
  }
}