/* 폰트 Pretendard */
@font-face { font-family: 'Pretendard'; src: local('Pretendard Light'), url('/comm/fonts/Pretendard-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: local('Pretendard Regular'), url('/comm/fonts/Pretendard-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: local('Pretendard Medium'), url('/comm/fonts/Pretendard-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: local('Pretendard SemiBold'), url('/comm/fonts/Pretendard-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: local('Pretendard Bold'), url('/comm/fonts/Pretendard-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}
/* html, body { width: 100%; height: 100%; } sticky 도중에 안되었던 이유 */
html { font-size: 10px; }
body {
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
	font-size: var(--fs-normal);
	color: var(--clr-black);
	letter-spacing: -0.025em;
	line-height: 1.6;
	background: #fff;
	min-width: 360px;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: none; /* 아이폰 가로모드 글자커짐 방지 */
	-webkit-font-smoothing: antialiased;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: 700;
}
p {
  word-break: keep-all;
  text-wrap: wrap;
  font-size: var(--fs-small);
  font-weight: 400;
  color: var(--clr-gray500);
}
em, i {
	font-style: normal;
}
a, a:visited, a:active, a:hover {
	color: inherit;
	text-decoration: none;
}
img { max-width: 100%; height: auto; }
table caption { display: none; }
ol, ul {
  list-style: none;
}
*:before, *:after { font-family: xeicon, 'Roboto', "Pretendard", sans-serif; }
*:focus { outline: none; }
input, textarea, select, button {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: inherit;
  color: var(--clr-gray600);
  background: transparent;
  border-radius: 0;
  outline: none;
  max-width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  border: var(--line-base);
  vertical-align: middle;
  transition: 0.2s;
}
input, textarea, select { border-radius: 6px; }
textarea { resize: none; }
input:focus, select:focus, textarea:focus {
  background: var(--clr-primary50) !important;
  border: 1px solid var(--clr-primary300);
}
input[type=file]::file-selector-button {
  display: none;
}
::placeholder {
  color: var(--clr-gray300);
}
/* 자동완성컬러 제어 - 투명 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0px 1000px var(--clr-primary50) inset;
    box-shadow: 0 0 0px 1000px var(--clr-primary50) inset;
    transition: background-color 5000s ease-in-out 0s;
}
datalist {
  width: 100%;
  background: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
}
datalist option {
  padding: 1rem 0.5rem;
  width: 100%;
  background: transparent;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  box-sizing: border-box;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
}
table th, td {
  word-break: break-all;
}
button {
  cursor: pointer;
  border: none;
}
input[type="checkbox"], input[type="radio"],  input[type="range"], progress {
  accent-color: var(--clr-secondary500);
}
input[type="checkbox"] + label {
  cursor: pointer;
  font-size: var(--fs-small);
}

:root {
	--fs-mini: 1.3rem;
	--fs-xsmall: 1.4rem;
	--fs-small: 1.5rem;
	--fs-normal: 1.6rem;
	--fs-regular: 1.8rem;
	--fs-medium: 1.9rem;
	--fs-large: 2.4rem;
	--fs-xlarge: 2.7rem;
	--fs-subtitle: 3rem;
	--fs-title: 3.2rem;
	--fs-big-title: 3.6rem;
	/*  --clr-primary100: #f4f9f6;*/
	/*  --clr-primary200: #DBF5E7;*/
	/*  --clr-primary300: #9CE8C3;*/
	/*  --clr-primary400: #21BF78;*/
	/*  --clr-primary500: #179E61;*/
	/*  --clr-primary600: #13784E;*/
	--clr-primary50: #f2f8f7;
	--clr-primary100: #dcf6ef;
	--clr-primary200: #a8e7d6;
	--clr-primary300: #73dab8;
	--clr-primary400: #15b686;
	--clr-primary500: #0e896c;
	--clr-primary600: #026b52;
	--clr-secondary50: #f2f5fb;
	--clr-secondary100: #dce6f7;
	--clr-secondary200: #b4cbf2;
	--clr-secondary300: #7aa3e7;
	--clr-secondary400: #497dd3;
	--clr-secondary500: #1f4e9b;
	--clr-secondary600: #123670;
	--clr-turkey: #42DCE5;
	--clr-cfblue: #609FF4;
	--clr-cfblue-deep: #297ae5;
	--clr-red: #ee2f1f;
	--clr-red-light: #f7627d;
	--clr-red-pale: #ffebef;
	--clr-orange: #f46715;
	--clr-yellow: #FFE27D;
	--clr-navy: #141E31;
	--clr-navy-light: #343d4d;
	--clr-black: #141414;
	--clr-gray600: #46474A;
	--clr-gray500: #767778;
	--clr-gray400: #A8A8A8;
	--clr-gray300: #C7C7C7;
	--clr-gray200: #E0E0E0;
	--clr-gray100: #f8f8f8;
	--shadow: 0 4px 12px rgba(0,0,0,0.1);
	--shadow-light: 0 2px 6px rgba(0,0,0,0.1);
	--shadow-deep: 0 4px 12px rgba(0,0,0,0.2);
	--shadow-red: 0 2px 6px rgba(246,45,81,0.3);
	--edge: 1.6rem;
	--line-base: 1px solid var(--clr-gray200);
	--line-light: 1px solid #f0f0f0;
}