/* Font: Pretendard
   Pretendard is defined in /comm/css/pretendard.css (variable font, dynamic subset).
   scripts.asp loads it BEFORE base.css. Do not re-declare @font-face for Pretendard here.
   The old full-set files (Pretendard-*.woff2, ~3.8MB) are no longer referenced. */

@font-face { font-family: 'Paperlogy'; src: url('/comm/fonts/Paperlogy-1Thin.woff2') format('woff2'); font-weight: 100; font-display: swap; }
@font-face { font-family: 'Paperlogy'; src: url('/comm/fonts/Paperlogy-2ExtraLight.woff2') format('woff2'); font-weight: 200; font-display: swap; }
@font-face { font-family: 'Paperlogy'; src: url('/comm/fonts/Paperlogy-3Light.woff2') format('woff2'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Paperlogy'; src: url('/comm/fonts/Paperlogy-4Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Paperlogy'; src: url('/comm/fonts/Paperlogy-5Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Paperlogy'; src: url('/comm/fonts/Paperlogy-6SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Paperlogy'; src: url('/comm/fonts/Paperlogy-7Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Paperlogy'; src: url('/comm/fonts/Paperlogy-8ExtraBold.woff2') format('woff2'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Paperlogy'; src: url('/comm/fonts/Paperlogy-9Black.woff2') format('woff2'); font-weight: 900; font-display: swap; }

@font-face {
	font-family: 'IncheonEducation';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2') format('woff2');
	font-weight: normal;
	font-display: swap;
}

* {
	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;
}
/* �ǻ��Ҵ� ������ �۲��� �⺻���� ����. ���⵵ 400 ���� �����Ѵ� ?
   remixicon �� 400 �� �����̶� strong �� ��ư(600~700) �ȿ� ���� ��������
   �ռ� ���带 �ɾ� ȹ�� ��������. �������� �ƴ϶� �θ� ���⸦ ���󰡾� �ϴ�
   �ǻ��Ҵ� �ڱ� ��Ģ���� font-weight: inherit �� �����Ѵ�
   (����: .faq-item .faq-question::before, .test-prac-score #pracScore::after) */
*:before, *:after {
	font-family: remixicon, 'Roboto', "Pretendard", sans-serif;
	font-weight: 400;
}
[class^="ri-"], [class*=" ri-"] { font-weight: 400; }
*: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 {
	border: 1px solid var(--clr-primary400);
	box-shadow: var(--shadow-focus);
	background: #fff !important;
}
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"] + 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.7rem;
	--fs-medium: 1.9rem;
	--fs-large: 2.3rem;
	--fs-xlarge: 2.7rem;
	--fs-subtitle: 3rem;
	--fs-title: 3.2rem;
	--fs-big-title: 3.7rem;
	--clr-primary50: #faeff6;
	--clr-primary100: #f6daeb;
	--clr-primary200: #edb6d8;
	--clr-primary300: #df86bd;
	--clr-primary400: #d354a3;
	--clr-primary500: #b63584;
	--clr-primary600: #8e2968;
	--clr-secondary50: #f0f4f9;
	--clr-secondary100: #dde5f3;
	--clr-secondary200: #bccbe6;
	--clr-secondary300: #8aa4d1;
	--clr-secondary400: #4771b8;
	--clr-secondary500: #304b7a;
	--clr-secondary600: #24324a;
	--clr-secondary700: #152135;
	--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-green: #12855a;	/* ��������� ǥ�ÿ�. ���� �۾��� ���Ƿ� �� ��� ��� Ȯ���� �� */
	--clr-navy: #141E31;
	--clr-navy-light: #343d4d;
	--clr-black: #141414;
	--clr-gray600: #434851;
	--clr-gray500: #6f7580;
	--clr-gray400: #adb0b6;
	--clr-gray300: #bec2ca;
	--clr-gray200: #d1d5db;
	--clr-gray100: #e5e7eb;
	--clr-gray50: #f7f7f8;
	--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);
	--shadow-focus: 0 0 6px 2px rgba(211, 84, 163, 0.18);	/* input ��Ŀ�� ��, primary400 ���� */
	--edge: 1.8rem;
	--line-base: 1px solid var(--clr-gray100);
	--line-light: 1px solid #f0f0f0;
	--line-deep: 1px solid var(--clr-gray400);
}