@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@font-face {
    font-family: 'NanumGothicCoding';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumGothicCoding/D2Coding.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumGothicCoding/D2Coding.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumGothicCoding/D2Coding.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumGothicCoding/D2Coding.ttf) format("truetype");
	unicode-range: U+AC00-D7A3;
}

@font-face {
    font-family: 'NanumGothicCodingBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumGothicCoding/D2CodingBold.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumGothicCoding/D2CodingBold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumGothicCoding/D2CodingBold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumGothicCoding/D2CodingBold.ttf) format("truetype");
	unicode-range: U+AC00-D7A3;
}

body, hr {
  background-color: black;
  color: white;
  text-decoration: none;
  text-align: center;
  font-family: "NanumGothicCoding", "Ubuntu Mono";
  font-size-adjust: 0.5;
}

navbar {
  margin-top: 0.5rem;
  text-align: left;
  padding: 0.5rem;
  display: flex;
}

navbar ul {
  display: flex;
  padding: 0px;
  margin: 0 1rem 0 1rem;
}

navbar li {
  list-style-type: none;
  padding: 0.45rem 0.7rem 0 0.7rem;
  margin: 0 0.25rem 0 0.25rem;
  transition: 0.2s;
  height: 70%;
}

navbar li:hover {
	background-color: #fff;
	color: #000;
	transition: 0.2s;
}

h1,h2,h3,h4,h5,h6,ul,li,a,hr,input,button {
  background-color: inherit;
  color: inherit;
  font-family: inherit;
}

input, button {
	border: solid;
	border-width: 2px;
	font-size: 0.9rem;
	padding-bottom: 6.4px;
	padding-left: 0.5rem;
	align-items: right;
}

html,navbar *,main *, html,body {
  margin: 0px;
}

tc {
	display: grid;
	clear: both; 
}

ch {
	margin-bottom: 0.3rem;
}
 
thread {
  display: grid;
  border: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 0.625rem;
  margin: 1rem;
  max-width: 1000px;
  text-align: left;
  list-style-type: none;
}

thread * {
  text-align: left;
}
 
thread m {
  color: #aaa;
  text-decoration: italic;
  font-size: 0.8rem;
  margin-top: 0.25rem;
  margin-bottom: 0.6rem;
}
 
thread hr {
  margin-top: 0.6rem;
  margin-bottom: 0.4rem;
  padding: 0px;
}

img,input,button {
  margin-top: 0.4rem;
  margin-right: 0.5rem;
  max-width: 1000px;
  max-height: 500px;
  object-fit: cover;
  float: left;
  position: 0%;
}

pic {
	display: grid;
	text-align: center;
	
	m {
		margin: 0.5rem 0 0.5rem 0;
		overflow: auto;
	}
}

.copyright {
	margin: 1rem;
}

.searchbox {
	min-width: 11rem;
	max-height: 2.05rem;
}

.footer-panel {
	margin: 0rem 1rem;
}