*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 100%;
  line-height: 1.6;
}

html, body {
	width: 100%;
	overflow-x: hidden;
	word-break: keep-all;
	font-family: Noto Sans KR;
	background-color: ghostwhite;
	z-index: 6666;
	padding: 1em;
	cursor:  default;
}


.apo {
	cursor: pointer;
	background-color: blueviolet;
	font-size: 1em;
	font-weight: 900;
	width: 700px;
	z-index: 9999;
	padding: 0;
}

section {
	font-weight: 900;
	background-color: cadetblue;
	width: 700px;
	cursor: pointer;
}

li {
	list-style: none;
	cursor: pointer;
}

dl {
	font-weight: 900;
	background-color: gainsboro;
}

dt {
	list-style:  none;
	padding: 0 0 0 1em;
	font-weight: normal;
	cursor: pointer;
}

dd {
	display: none;
	height: 500px;
	overflow-x: scroll;
	padding: 1em;
	background-color: ghostwhite;
	font-weight: 500;
	cursor: pointer;
}

figure, img {
	width: 500px;
	margin: 0 auto;
}

sup {
	text-decoration-line: none;
	font-size: 0.6em;
	font-weight: bold;
	color: blueviolet;
	cursor: pointer;
}

.txt_1_cont a:link {
	color: blueviolet;
	text-decoration-color: none;
	text-decoration-line: none;
}

.txt_1_cont a:visited { 
	color: blueviolet;
	text-decoration: none;
}

.footnote_desc {
	font-size: 0.8em;
}

.footnote_desc a:link {
	color: blueviolet;
	text-decoration-color: none;
	text-decoration-line: none;
}

.footnote_desc a:visited { 
	color: blueviolet;
	text-decoration: none;
}

}


dd::-webkit-scrollbar {
	width: 10px;
}

dd::-webkit-scrollbar-thumb {
	background-color: cadetblue;
}


.iwrbb_credit {
	display: none;
	width: 200px;
	background-color: ghostwhite;
}

@media screen and (max-width: 900px) {

html, body {
  max-width: 100%;
  overflow-x: hidden;
  font-size:  0.8em;
}

.apo {
	width: 100%;
}

section {
	width: 100%;
	margin: 0 auto;
}

dd {
	height: 300px;
}

figure, img {
	width:  100%;
	margin: 0 auto;
}



}