@font-face {
    font-family: 'NanumBarunGothic';
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'BonmyeongjoSourceHanSerif';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ChosunGu';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGu.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
	min-height: 100%;
}

body {
	font-family: 'NanumBarunGothic', sans-serif;
	font-size:1em;
	font-weight: 400;
	margin:0;
	padding:0;
	min-height: 100%;
}

ul, ol, li, dl, dt, dd {
	list-style:none;
	margin:0;
	padding:0;
}

a:link,a:visited,a:active,a:hover {
	text-decoration:none;
}

img {
	max-width: 100%;
	vertical-align:middle !important;
}

p {
	margin:0;
	padding:0;
}

.title {
	font-weight: 700;
}

.HanSerif {
	font-family: 'BonmyeongjoSourceHanSerif', sans-serif;
}

.ChosunGu {
	font-family: 'ChosunGu', sans-serif;
}

.text-xs {
	font-size:0.8rem;
}

.text-xxs {
	font-size:0.6rem;
}

@keyframes blink {
	0%, 100% { opacity: 1; }
	50%      { opacity: 0.3; }
}
.text-blink {
	animation: blink 1.5s ease-in-out infinite;
}

.bg-darkteal{
	background-color: #425252;
}

.bg-lightbeige{
	background-color: #e4dfd4;
}

.pointer{
	cursor: pointer;
}

/* ????? ul25/ul33 li ? ??? ?? ??:
   - ?? ????(??/? ??)? ?? ????? ?????? CSS Grid? ?? ?? */
@media (max-width: 576px) {
	ul.ul25 {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		grid-auto-flow: row !important;
	}
	ul.ul25 > li {
		float: none !important;
		width: auto !important;
		display: block !important;
	}

	ul.ul33 {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		grid-auto-flow: row !important;
	}
	ul.ul33 > li {
		float: none !important;
		width: auto !important;
		display: block !important;
	}
}