@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");


:root {
  --main-cr: #EA6C35;
  --main-cr2: #FF8D22;
  --sub-cr: #002D54;
  --sub-cr2: #00549D;
  --sub-cr3: #B6DDFF;
  --gray-cr: #6b7280;
  --gray-cr2: #4b5563;
  --bg-cr: #f9fafb;
  --bd-cr: #e5e7eb;

  --text-2xl: 52px;
  --text-xl: 38px;
  --text-lg: 32px;
  --text-md: 26px;
  --text-base: 16px;
  --text-sm: 14px;
  
  --basic-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

body {
  font-family: var(--basic-font);
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  overflow-x: hidden;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/*responsive*/

.dp_mob { display:none !important; }
.dp_mob_flex { display:none !important;  }

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

    .dp_pc { display:none !important; }
    .dp_mob { display:block !important;  }
    .dp_mob_flex { display:flex !important;  }
}