body {
  hyphens: auto;
}
p {
  word-break: break-all;
}
pre {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  font-family: "code"
  font-size: 0.8em;
  font-style: normal;
  font-weight: normal;
  line-height: 1.8em;
  text-align: left;
  text-indent: 0;
  padding: 0;
  margin: 0;
}
ul {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.8em;
  margin-bottom: 0;
  margin-left: 1em;
  margin-right: 0;
  margin-top: 0em;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: justify;
  text-indent: 0em;
}
table {
  width: 100%;
  border-collapse: collapse;
}
table, td {
  padding: 0.3em;
  border: 1px solid #a4a4a4;
  vertical-align: top;
  margin-bottom: 2em;
}
tbody {
  border-top: 2px solid #a4a4a4;
  border-bottom: 2px solid #a4a4a4;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}
.tb_blue {
  background-color: #eaeaea;
}
.key {
  font-family: "gothic_l"
  font-size: 0.8em;
  border: 1px solid #000000;
  border-radius: 0.3em;
  padding: 0.1em 0.2em;
}
/* 단축키*/
.txts {
  font-size: 0.8em;
  font-style: normal;
  font-weight: normal;
  line-height: 1.6em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: justify;
  text-indent: 0;
}
.txts2 {
  font-size: 0.8em;
  font-style: normal;
  font-weight: normal;
  line-height: 1.6em;
  margin-bottom: 2em;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: justify;
  text-indent: 0;
}
.txt {
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 2em;
  margin-bottom: 0.6em;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0em;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: justify;
  text-indent: 0em;
}
.txtex {
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 2em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0em;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: left;
  text-indent: 0em;
}
.txtex2 {
  font-size: 0.9em;
  font-style: normal;
  font-weight: normal;
  line-height: 2em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: justify;
  text-indent: 0em;
}
.txt1 {
  font-size: 1.2em;
  font-style: normal;
  font-weight: normal;
  line-height: 1.6em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0em;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: left;
  text-indent: 0em;
}
.txt2 {
  font-size: 1.4em;
  font-style: normal;
  font-weight: normal;
  line-height: 1.6em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0em;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: left;
  text-indent: 0em;
}
.txt3 {
  font-size: 2em;
  font-style: normal;
  font-weight: normal;
  line-height: 1.6em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: left;
  text-indent: 0em;
}
.txt4 {
  font-size: 1.1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1.6em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0em;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: left;
  text-indent: 0em;
}
.bg_purple {
  background-color: #7e7e7e;
  padding: 0.3em;
  border-radius: 0.3em;
  color: #ffffff;
}
/* 보라색 배경 - 부속 부분, Part 제목 */
.bg_purple2 {
  position: relative;
  top: -2em;
  font-size: 0.6em;
  background-color: #7e7e7e;
  padding: 0.1em 0.3em;
  color: #ffffff;
}
/* 보라색 배경 - Section 제목 꾸밈 */
.bg_purple3 {
  background-color: #7e7e7e;
  padding: 0.1em 0.3em;
  border-radius: 0.3em 0.3em 0 0;
  color: #ffffff;
}
/* 보라색 배경 - 프롬프트 */
.bg_purple4 {
  padding: 0;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #6e6e6e);
}
/* 보라색 형광펜 */
.bg_gray {
  background-color: #cecece;
  padding: 0.1em 0.3em;
  border-radius: 1em;
}
/* 회색 배경 - 부속 부분 소제목 꾸밈 */
.bg_gray2 {
  background-color: #a6a6a6;
  padding: 0.1em 1.2em;
  border-radius: 0.3em 0.3em 0 0;
}
/* 회색 배경 - 응답제목 꾸밈 */
.bg_gray3 {
  font-size: 0.8em;
  background-color: #828282;
  padding: 0.1em 0.25em;
  border-radius: 0.2em;
  color: #ffffff;
}
/* 회색 배경 - 예시 */
.bg_gray4 {
  background-color: #707070;
  padding: 0.1em 1.2em;
  border-radius: 0.3em 0.3em 0 0;
	color : #ffffff;
}
/* 회색 배경 - 코드 제목 꾸밈 */
.box_purple {
  box-sizing: border-box;
  min-height: 100vh;
  background-color: #efefef;
  border-right: 20px solid #6e6e6e;
  padding: 2em;
}
/*보라색 배경 - chapter 배경  */
.box_purple2 {
  background-color: #efefef;
  padding: 0.5em;
  margin-bottom: 3em;
}
/*보라색 배경 - 절 제목 배경 */
.box_purple_line {
  border: 2px solid #dddddd;
  padding: 0.5em 0.5em 0.5em 1em;
  border-radius: 0.5em;
  margin: -0.35em 0 1em 0;
}
/* 보라색 테두리 - 프롬프트 내용*/
.box_purple_line2 {
  border: 2px solid #7e7e7e;
  padding: 0.5em 0.5em 0.5em 1em;
  border-radius: 0.5em;
  margin: 1em 0 1em 0;
  background-color: #f0f0f0;
}
/* 보라색 테두리 - 설명 내용*/
.box_gray_line {
  border: 2px solid #a3a3a3;
  padding: 0.5em 0.5em 0.5em 1em;
  border-radius: 0.5em;
  margin: -0.35em 0 1em 0;
}
/* 회색 테두리 - 응답 꾸밈 */
.tcenter {
  text-align: center;
}
.tright {
  text-align: right;
}
.re-ind24 {
  margin-left: -2.4em;
}
.s06_06 {
  margin-left: 0.6em;
  text-indent: -0.6em;
}
.s08_08 {
  margin-left: 0.8em;
  text-indent: -0.8em;
}
.s08_08a {
  margin-left: 0.85em;
  text-indent: -0.85em;
}
.s10_10 {
  margin-left: 1em;
  text-indent: -1em;
}
.s11_11 {
  margin-left: 1.1em;
  text-indent: -1.1em;
}
.s12_12 {
  margin-left: 1.2em;
  text-indent: -1.2em;
}
.s14_14 {
  margin-left: 1.4em;
  text-indent: -1.4em;
}
.s14_14a {
  margin-left: 1.45em;
  text-indent: -1.45em;
}
.s22_22 {
  margin-left: 2.2em;
  text-indent: -2.2em;
}
.s24_24 {
  margin-left: 2.4em;
  text-indent: -2.4em;
}
.s29_29 {
  margin-left: 2.9em;
  text-indent: -2.9em;
}
.s32_32 {
  margin-left: 3.2em;
  text-indent: -3.2em;
}
.ind08 {
  margin-left: 0.8em;
}
.ind10 {
  margin-left: 1em;
}
.ind11 {
  margin-left: 1.1em;
}
.ind12 {
  margin-left: 1.2em;
}
.ind14 {
  margin-left: 1.4em;
}
.ind16 {
  margin-left: 1.6em;
}
.gray {
  color: #737373;
}
.purple {
  color: #7e7e7e;
  text-decoration: none;
}
.purple2 {
  color: #7e7e7e;
  text-decoration: none;
}
.white {
  color: #ffffff;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w17a {
  width: 17.5%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w75 {
  width: 75%;
}
.w70 {
  width: 70%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}
.w100 {
  width: 100%;
}
.h13 {
  height: 1.3em;
  max-width: 100%;
}
.h15 {
  height: 1.5em;
  max-width: 100%;
}
.h50 {
  height: 5em;
  max-width: 100%;
}
.mb03 {
  margin-bottom: -0.3em;
}
.mb04 {
  margin-bottom: -0.4em;
}
.mb10 {
  margin-bottom: 1em;
}