@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Gothic+A1&display=swap');

@font-face {
    font-family: 'YeogiOttaeJalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

:root {
	  --font_title: "Noto Sans KR";
	  --font_boldtitle: "YeogiOttaeJalnan";
	  --color_logo: #ff1b00;
	  --color_logo_dark: #f13020;
	  --page_width : 900px;
}



body { margin: 0px; }
@media (max-width: 600px) {
	:root {
	  --topbar_height: 50px;
	  --font_title: "Noto Sans KR";
	}
	
	.mobile_hide { display: none; }
	
}

@media (min-width: 601px) {
	:root {
	  --topbar_height: 60px;
	}
	.mobile_show { display: none; }
}

header { position: fixed; height: var(--topbar_height); background: linear-gradient(180deg, rgba(64,73,90,1) 0%, rgba(54,64,82,1) 100%); box-shadow: 1px 1px 5px rgba(0,0,0,.15); top: 0px; left: 0px;  right: 0px; z-index: 999;}
nav.topbar { margin: 0px auto; padding: 0px; z-index: 1000; }
article.main { margin: var(--topbar_height) auto 0px auto; padding: 0px; z-index: 0 !important; }
.page_block { width: 100%; max-width: calc(var(--page_width) + 40px); margin: 0px auto; }
ul { list-style-type: none; margin: 0px; padding: 0px; } 




@media (max-width: 600px) {
	h1.xs { font-size: 1.5rem; font-weight: 700; }
	h2.xs { font-size: 1.3rem; font-weight: 700; }
	h3.xs { font-size: 1.1rem; font-weight: 700; }
}

@media (min-width: 601px) {
	h1.xs { font-size: 2.0rem; font-weight: 700; }
	h2.xs { font-size: 1.5rem; font-weight: 700; }
	h3.xs { font-size: 1.2rem; font-weight: 700; }
}