@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
* {font-family: 'Pretendard', sans-serif;}
body {background-color: #f9fafb !important;}
:root {
  --color-primary: #1f7a3a;
  --color-accent: #ffc857;
  --color-dark: #222;
  --color-light: #f8f9fa;
}

/* Å©·Ò, »çÆĸ®, ¿§Áö µî Webkit ±â¹Ý ºê¶ó¿ìÀú */
::-webkit-scrollbar {width: 4px;   /* ¼¼·Î ½ºÅ©·Ñ¹Ù ³Êºñ */height: 4px;  /* °¡·Î ½ºÅ©·Ñ¹Ù ³ôÀÌ */}
::-webkit-scrollbar-thumb {background-color: #555;   /* ½ºÅ©·Ñ¹Ù »ö»ó */border-radius: 3px;       /* µÕ±Û°Ô */}
::-webkit-scrollbar-thumb:hover {background-color: #333;   /* hover ½Ã »ö»ó */}
::-webkit-scrollbar-track {background: #f1f1f1;      /* Æ®·¢ »ö»ó */}
/* ============================================================
   ±âº» ¼³Á¤
============================================================ */
html, body {overflow-x: hidden;margin: 0;}
body {display: flex;flex-direction: column;min-height: 100vh;background: var(--color-bg) !important;color: var(--color-text);}

a { text-decoration: none; }
ul, li { list-style: none; margin: 0; padding: 0; }

/* ============================================================
   Scroll Reveal Animation (repeat)
   requires: .reveal + .is-inview
============================================================ */

/* °øÅë ±âº»°ª */
.reveal{
	opacity: 0;
	filter: blur(2px);

	transition:
		opacity .8s cubic-bezier(.2,.75,.2,1),
		transform .8s cubic-bezier(.2,.75,.2,1),
		filter .8s cubic-bezier(.2,.75,.2,1);

	will-change: opacity, transform, filter;
}

/* ===== ¾Æ·¡ ¡æ À§ ===== */
.reveal-up{
	transform: translateY(32px);
}
.reveal-up.is-inview{
	opacity: 1;
	transform: translateY(0);
	filter: blur(0);
}

/* ===== À§ ¡æ ¾Æ·¡ ===== */
.reveal-down{
	transform: translateY(-32px);
}
.reveal-down.is-inview{
	opacity: 1;
	transform: translateY(0);
	filter: blur(0);
}

/* ===== ¿ÞÂÊ ¡æ ¿À¸¥ÂÊ ===== */
.reveal-left{
	transform: translateX(-36px);
}
.reveal-left.is-inview{
	opacity: 1;
	transform: translateX(0);
	filter: blur(0);
}

/* ===== ¿À¸¥ÂÊ ¡æ ¿ÞÂÊ ===== */
.reveal-right{
	transform: translateX(36px);
}
.reveal-right.is-inview{
	opacity: 1;
	transform: translateX(0);
	filter: blur(0);
}

/* ===== È®´ë ===== */
.reveal-zoom{
	transform: scale(.96);
}
.reveal-zoom.is-inview{
	opacity: 1;
	transform: scale(1);
	filter: blur(0);
}

/* ===== µô·¹ÀÌ ===== */
.delay-1{ transition-delay: .10s; }
.delay-2{ transition-delay: .20s; }
.delay-3{ transition-delay: .30s; }
.delay-4{ transition-delay: .40s; }

/* ===== Á¢±Ù¼º ===== */
@media (prefers-reduced-motion: reduce){
	.reveal{
		opacity: 1;
		transform: none;
		filter: none;
		transition: none;
	}
}