@import url("https://fonts.googleapis.com/css2?family=Moirai+One&family=Oswald&family=DM+Serif+Display&family=Gowun+Dodum&family=Noto+Serif+KR:wght@400;700&family=Nova+Slim&family=Aclonica&family=Jua&family=Shrikhand&display=swap");
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

@font-face {
    font-family: "Cafe24Dangdanghae";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff") format("woff");
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: "Cafe24Danjunghae";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff") format("woff");
    font-weight: normal;
    font-style: normal;
	}
body {
	font: medium/1.5rem "notosanskr", sans-serif; color: var(--text);
 	overflow-x: hidden;
	}
body::-webkit-scrollbar {
    width: 8px;
	}
body::-webkit-scrollbar-track {
    background-color: #e4e4e4;
	}
body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(180deg, #0350b4 0%, #1f75dc 99%);
    box-shadow: inset 2px 2px 5px 0 rgba(255,255,255, .5);
	}
body[orient="portrait"] { }
body[orient="landscape"] { }

a:link, a:visited { font-weight: normal; color: #070b16; }
a:hover, a:active { text-decoration: none; font-weight: normal; color: #070b16; }

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 14px 0; }

hr { border: 0; border-top: 1px solid #eee; margin: 14px 0; }
dt { font-weight: normal; }

header {
	height: 60px;
	background: #00f url("/common_file/image/collapse_blue_bg.png") left top repeat-x;
	}
header h1 {
	margin: 0;
	padding: 0 5px 10px;
	width: 200px;
	}
header h1 img {
	width: 100%;
	}
footer {
	height: 60px;
	background: #00f url("/common_file/image/blue_line.jpg") center top repeat-y;
	}
footer .copyright {
	padding-top: 20px;
	font-family: "Cafe24Danjunghae"; font-size: 18px; color: #fff;
	text-align: center;
	}
footer .copyright b {
	margin: 0 2px;
	font-family: "Nanum Gothic"; font-weight: bold;
	}
@media (max-width: 3840px) {
	.content {
		width: 1024px;
		margin: 0 calc((100% - 1024px) / 2);
		}
	}
@media (max-width: 2560px) {
	}
@media (max-width: 2260px) {
	}
@media (max-width: 1920px) {
	}
@media (max-width: 1720px) {
	}
@media (max-width: 1680px) {
	}
@media (max-width: 1400px) {
	}
@media (max-width: 1280px) {
	}
@media (max-width: 1024px) {
	.content {
		width: 100%;
		margin: 0;
		}
	}
@media (max-width: 500px) {
	}