@import url("./styles/header.css");
@import url("./styles/main-keyvisual.css");
@import url("./styles/case.css");
@import url("./styles/service.css");
@import url("./styles/news-contact.css");
@import url("./styles/footer.css");
@import url("./styles/introduction.css");

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* ===== 변수 구간 ===== */
:root {
  --color-primary: #2f2f2f;
  --color-sub: #aaaaaa;
  --color-point: #b6262f;

  --font-size-title: 40px;
  --font-size-subtitle: 36px;
  --font-size-text: 32px;
  --font-size-small: 20px;
  --font-size-mtitle: 28px;

  --height-toolbar: 56px;
  max-width: 100svw;
}

/* ===== 리셋 구간 ===== */

body {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-family: "Pretendard";
  background-color: #fafafa;
  /* 개발용 설정 */
  min-height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: normal;
}

p {
  margin: 0;
}

strong,
em {
  font-weight: inherit;
  font-style: normal;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

figure {
  margin: 0;
}

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

th {
  font-weight: normal;
}

q::before,
q::after {
  content: none; /* 따옴표 제거 */
}

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

.privacy{
  display: inline-block;
}

.footer_privacy{
  width: 442px;
}

.cont_center{
  padding: 90px 0 112px;
  width: 1320px;
  margin: 0 auto;
}

@media all and (min-width: 1025px) {
  .mobile_on{
    display: none;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .mobile_on{
    display: none;
  }
}

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

}

@media (max-width: 360px) {
  .privacy{
    display: none;
  }
}