:root{
  --menu_icon_bgc     :#105b95;
  --basic-color       :#0b5086;
  --header-wrap-active:rgba(11, 80, 134, 0.75);
  --topBotton-bg      :rgba(11, 80, 134, .85);
  --ox_quiz-bg        :#48b9ee;

  --modal-link-color  :red;
  --cont-tit-color    :#126a95;
  --card-color        :#14bcc2;
  --introduction-bg   :#dadfd1;
  --introduction-text-bg   :#cfd4c5;
}

.wrap{
  overflow: hidden;
}
.chapter .img_left::after, .chapter .img_right::after {
  content: '';
  clear: both;
  display: block;
}
.box_width_100{
  margin-left: -40px;
  margin-right: -40px;
}
/* 메뉴상단  */
#gnb .inner .gnb_item.on.reading a i{
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c9fe3'%3E%3Cpath d='M15.7,2.6c-1-0.4-2.5-1-4-1.1C10.4,1.4,9,1.5,8,2.3c-1-0.8-2.4-1-3.7-0.8c-1.5,0.2-3,0.7-4,1.1C0.1,2.7,0,2.9,0,3.1v11 c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0c0.9-0.4,2.3-0.9,3.7-1c1.4-0.1,2.6,0.1,3.2,0.9c0.2,0.2,0.5,0.2,0.7,0.1 c0,0,0.1,0,0.1-0.1c0.6-0.8,1.8-1,3.2-0.9c1.4,0.1,2.8,0.6,3.7,1c0.3,0.1,0.5,0,0.7-0.2c0-0.1,0-0.1,0-0.2v-11 C16,2.9,15.9,2.7,15.7,2.6z M12.6,5.3l-4,5c-0.3,0.3-0.8,0.3-1.1,0c0,0,0,0,0,0L4.9,7.6c-0.3-0.3-0.3-0.8,0-1.1 c0.3-0.3,0.8-0.3,1.1,0c0,0,0,0,0,0L8,8.7l3.5-4.4c0,0,0,0,0,0h0c0.3-0.3,0.8-0.3,1.1,0C12.8,4.5,12.8,5,12.6,5.3z'/%3E%3C/svg%3E%0A");
  background-size: 18px;
}
.content_header{
  position: relative;
}
.text_size{
  position: absolute;
  padding: 1rem 16px;
  right: 0;
  top: 0;
}
.nanummyeongjo {
  font-family: 'Nanum Myeongjo';
}

.page_tit{
  height: 100vh;
}
.page_tit .tit{
  background-image: url(../../itiswritten/img/tit_bg.jpg);
  background-size: contain;
  height: 30vh;
  display: flex;  
  align-items: flex-end
}
.page_tit .tit h1{
  font-size: 56px;
  color: #e8340e;
  font-family: 'SC-6';
  line-height: 1.4;
  display: flex;
  justify-content: end;
  align-items: end;
  flex-direction: column;
  width: 60%;
  padding: 20px;
  position: relative;
}
.page_tit .tit h1::before{
  content: '';
  border-right: 2px dotted #000;
  width: 2px;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.page_tit .tit span{
  font-size: 40px;
  color: #555;
  font-family: 'SC-4';
  padding-right: 3px;
}
.page_tit .tit_s{
  background-size: cover;
  height: 70vh;
  display: flex;  
  justify-content: end;
  align-items: flex-start;
}
.page_tit .tit_s h2{
  font-size: 40px;
  display: flex;
  flex-direction: column;
  width: 40%;
  color: #fff;
  line-height: 1.2;
  padding: 20px;
  position: relative;
}
.page_tit .tit_s h2.dark{
  background: linear-gradient(to bottom, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0));
}
.page_tit .tit_s h2 span{
  font-family: 'SC-6';
}
.page_tit .tit_s h2 strong i{
  font-style: normal;
  font-size: 24px;
}
.page_tit .tit_s h2::before{
  content: '';
  border-right: 2px dotted #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2px;
} 
.page_tit .tit_s h2 strong{
  font-weight: 600;
}
.book_01 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/01/01_tit_img.jpg);
}
.book_02 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/02/02_tit_img.jpg);
}
.book_03 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/03/03_tit_img.jpg);
}
.book_04 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/04/04_tit_img.jpg);
}
.book_05 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/05/05_tit_img.jpg);
}
.book_06 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/06/06_tit_img.jpg);
}
.book_07 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/07/07_tit_img.jpg);
}
.book_08 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/08/08_tit_img.jpg);
}
.book_09 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/09/09_tit_img.jpg);
}
.book_10 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/10/10_tit_img.jpg);
}
.book_11 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/11/11_tit_img.jpg);
}
.book_12 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/12/12_tit_img.jpg);
}
.book_13 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/13/13_tit_img.jpg);
}
.book_14 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/14/14_tit_img.jpg);
}
.book_15 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/15/15_tit_img.jpg);
}
.book_16 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/16/16_tit_img.jpg);
}
.book_17 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/17/17_tit_img.jpg);
}
.book_18 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/18/18_tit_img.jpg);
}
.book_19 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/19/19_tit_img.jpg);
}
.book_20 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/20/20_tit_img.jpg);
}
.book_21 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/21/21_tit_img.jpg);
}
.book_22 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/22/22_tit_img.jpg);
}
.book_23 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/23/23_tit_img.jpg);
}
.book_24 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/24/24_tit_img.jpg);
}
.book_25 .page_tit .tit_s{
  background-image: url(../../itiswritten/img/25/25_tit_img.jpg);
}
/* 도입부 */
.introduction{
  background-color: var(--introduction-bg);
  font-family: 'Nanum Myeongjo';
  font-size: 1.125em;
  font-weight: 700;
}
.introduction .first-letter{
  background-color: var(--introduction-text-bg);
  font-size: 2.5em;
  padding: 8px;
  line-height: 1;
  float: left;
  margin-right: 8px;
  color: #fff;
  position: relative;
}
.introduction .first-letter::after{
  --height : 56px;
  --top-height : -56px;
  content: '';
  width: 100%;
  background-color: var(--introduction-text-bg);
  height: var(--height);
  position: absolute;
  top: var(--top-height);
  left: 0;
}
.introduction p, .introduction p+p{
  margin-top: 0;
}
.img_box.img_w-100{
  margin-left: -40px;
  margin-right: -40px;
}
.img_box.img_w-100 img{
  border-radius: 0;
}
.img_box.img_mb-0{
  margin-bottom: -56px;
}
/* 성경절 퀴즈 */
.quiz_list .quiz_item{
  position: relative;
}
.quiz_list .quiz_item .img_w-100{
  margin-left: -80px;
}
.quiz_list .quiz_item+.quiz_item{
  margin-top: 40px;
}
.quiz_list .quiz_num{
  font-size: 40px;
  font-family: 'SC-6';
  line-height: 1;
  color: #e2e7d9;
  letter-spacing: -5px;
  position: absolute;
  top: 0;
  left: -20px;
  width: 42px;
  text-align: right;
}
.quiz_list .quiz_item .quiz_box{
  border-top: 3px dotted #58879d;
  margin-left: 40px;
}
.quiz_list .quiz_box .quiz_tit{
  color: #58879d;
  font-family: 'SC-6';
  margin-bottom: 10px;
}
.quiz_list .bible_clause{
  margin-bottom: 5px;
}
.quiz_list .bible_clause span{
  display: inline-block;
  border-radius: 5em;
  background-color: #eddd9c;
  font-size: 0.875em;
  line-height: 1.6;
  padding: 0 16px;
  font-family: 'SC-5';
}
.quiz_description{
  font-family: 'Nanum Myeongjo';
  font-size: 1.0625em;
  font-weight: 700;
  margin-top: 15px;
  line-height: 1.7;
}
.quiz_description div+div{
  margin-top: 0.75em;
}
.quiz_description div>b{
  margin-top: 1em;
  margin-bottom: .5em;
  display: block;
  font-family: 'SC-5';
}
.clause_text {
  font-family: 'SC-5';
}
.clause_text + .bible_clause, .quiz_description + .bible_clause{
  margin-top: 0.625em;
}
.quiz_description + .quiz_tit3{
  margin-top: 1.25em;
}
.quiz_list .quiz_text{
  display: inline-block;
  line-height: 1.4;
  position: relative;
  padding: 0 10px;
  color: transparent;
  margin: 0 4px;
  border-bottom: 1px solid #000;
  cursor: pointer;
}
.quiz_list .quiz_text::after{
  content: '?';
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #999;
}
.quiz_list .quiz_text.active{
  color: #0e47c2;
  cursor: auto;
}
.quiz_list .quiz_text.active::after{
  display: none;
}
/* 기억해야 할 */
.memory {
  margin-top: 40px;
}
.memory .memory_box{
  margin-left: 40px;
}
.memory .tit span{
  background-color: #e83c14;
  color: #fff;
  font-family: 'SC-6';
  display: inline-block;
  font-size: 1.25em;
  padding: 4px 1.5em 4px 10px;
  overflow: hidden;
  position: relative;
}
.memory .tit span::after{
  content: '';
  background-color: #fff;
  width: 3em;
  height: 3em;
  position: absolute;
  transform: rotate(-30deg);
  top: -1em;
  right: -2.15em;
}
.memory .text{
  margin-top: 10px;
}
#ox_quiz{
  background-color: #e7d295;
  color: #3d1414;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.ox_quiz_box{
  width: 50%;
  padding: 30px 40px;
}
.quizQ{
  margin-top: 0;
  text-align: left;
  font-family: 'SC-5';
}
.ox_img_box{
  width: 50%;
}
.quizA button, .quizA a{
  color: #2e1913;
}
.ox_img_box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quizQ{
  word-break: keep-all;
}
.ox_quiz_box .tit{
  margin-bottom: 10px;
}
#ox_quiz .tit span::after{
  background: #2e1913;
}

/* 핵심원칙 */
.principle{
  background-color: #dcdedb;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  position: relative;
  padding: 32px 40px;
}
.principle p{
  margin-top: 0;
}
.principle::after{
  content: '';
  position: absolute;
  top: -15px;
  left: 25px;
  width: 25px;
  height: 25px;
  background-color: #fff;
  transform: rotate(45deg);
}
.principle .tit{
  font-size: 2.25em;
  color: #fff;
  font-family: 'SC-6';
  line-height: 1.4;
  margin-bottom: 1rem;
}
.principle .text .first-letter{
  font-size: 2em;
  float: left;
}

/* 테이블 */
.table_s_01{
  width: 100%;
  margin-top: 1em;
  margin-top: 1em;
  background-color: #fff;
}
.table_s_01 thead th{
  background-color: #003c87;
  color: #fff;
}
.table_s_01 th, .table_s_01 td{
  padding: 4px 8px;
  text-align: center;
}
.table_s_01 thead th+th{
  border-left: 2px dotted #fff;
}
.table_s_01 tbody td+td{
  border-left: 2px dotted #cbc8ab;
}
.table_s_01 tbody tr:nth-child(odd){
  background-color: #eef0e8;
}
/* 마지막 페이지*/
.last_text .tit{
  font-size: 2.5em;
  font-family: 'SC-6';
  line-height: 1.4;
  word-break: keep-all;
}
.last_text .text_box{
  font-family: 'Nanum Myeongjo';
  margin-top: 0;
  padding: 32px 0;
  word-break: keep-all;
}

/* 박스 2 */
.quiz_box2{
  background: linear-gradient(#fcfaf1, 30%, #fff);
  border-radius: 15px;
  margin: 10px -15px 0;
  padding: 15px;
}
.quiz_box2 .quiz_tit2{
  font-family: 'SC-6';
  font-size: 1.625rem;
  color: #b5b6b6;
}
.quiz_box2 .quiz_tit3{
  color:#a94e00;
  font-family: 'SC-6';
  margin-bottom: 4px;
}
.impor_list{
  margin-top: 1.25em;
  font-family: 'SC-5';
}
.impor_list .tit{
  margin-bottom: 4px;
}
.impor_list .tit span{
  background-color: #004b7f;  
  font-family: 'SC-6';
  padding: 0 10px;
  color: #fff;
}
.impor_list ul li{
  padding: 0;
  display: flex;
  gap: 4px;
}
.impor_list ul li::before{
  content: '·';
}
/* 성경절 넘버 */
.num_list li{
  display: flex;
  gap: 0.4375em;
}
/* but What About */
.but_what{
  margin-top: 2em;
  margin-bottom: 2em;
  margin-right: -40px;
  margin-left: -16px;
}
.but_what .tit{
  font-family: 'SC-6';
  font-size: 2.5rem;
  color: #bdc0bb;
  line-height: .8;
  padding-left: 20px;
}
.but_what_box{
  background: linear-gradient(to bottom, #bdc0bb, #f7f8f7);
  padding: 24px 40px 40px 16px;
  border-radius: 16px 0 0 0;
}
.but_what_box p{
  font-family: 'Nanum Myeongjo';
  font-weight: bold;
  text-indent: 0;
}
.but_what_box p+p{
  margin-top: 0;
}
.but_what_box p+b, .but_what_box picture+b{
  display: block;
  margin-top: 1em;
}
.but_what_box.img_right img{
  margin-right: -40px;
}
.but_what_box.img_left img{
  margin-left: -40px;
}
/* 1부 2부 */
.part_tit{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.part_tit .tit{
  font-family: 'SC-6';
  background-color: #58879d;
  color: #fff;
  text-align: center;
  font-size: 1.25em;
  line-height: 1.2;
  padding: 10px;
}
.part_tit .text_box{
  background-color: #cbc8ab;
  margin-top: 0;
  padding: 0;
  font-family: 'Nanum Myeongjo';
  font-weight: bold;
  padding-right: 40px;
  display: flex;
}
.part_tit .text_box picture{
  width: 40%;
}
.part_tit .text_box>div{
  width: 60%;
  padding: 20px;
}
.part_tit img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.part_tit  .tit_s{
  color: #fff;
  border-bottom: 3px dotted #fff;
  margin-bottom: 1rem;
  font-size: 2em;
  line-height: 1.4;
}
.part_tit  .tit_s span{
  display: block;
  font-size: 0.725em;
}
/* 1과 */
.it_01 {
  background-repeat: no-repeat;
  background-image: url(../../itiswritten/img/01/01_i_06.jpg);
  background-size: contain;
  background-color: #090506;
  background-position: bottom center;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.it_01 .tit{
  color: #f9a91b;
}
.it_01 li{
  position: relative;
}
.it_01 li span{
  color: #e2d192;
  font-family: 'SC-6';
  position: absolute;
  left: -16px;
  top: 0;
}
.last_text.it_01 .text_box{
  padding-left: 16px;
}
/* 2과 */
.it_02 .tit{
  color: #003b87;
}
.it_02 .tit span{
  color: #4f79bc;
}
.it_02 .text_box{
  color: #58879d;
}
.chapter.it_02  p, .last_text.it_02 .img_box{
  margin-top: 0;
}
.last_text.it_02 .text_box{
  margin-bottom: 0;
}
.book_02 .img_shap img{
  shape-outside: url(../../itiswritten/img/02/02_i_06.png);
  shape-margin: 20px;
  margin-left: -80px;
  width: 45%;
}
/* 4과 */
.book_04 .it_02 .text_box p:first-child{
  text-indent: 0;
}
.book_04 .it_02 .text_box p:first-child span{
  font-size: 2.5em;
  float: left;
  padding: 0.45rem 0.125rem 0.45rem 0;
  line-height: 1;
  text-indent: 0.625em;
}
/* 6과 */
.book_06 .principle2{
  background-color: #f0f3ec;
}
.book_06 .principle2 .tit{
  font-size: 1.125em;
}
.book_06 .principle2 .tit span{
  background-color: #004b85;
  padding: 0 0.25em;
}
.book_06 .principle .text li{
  padding-left: 0.625em;
  position: relative;
}
.book_06 .principle .text li::before{
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  background-color: #000;
  top: 1em;
  left: 0;
}
.book_06 .principle::after{
  display: none;
}
/* 7과 */
.it_07{
  background-color: #dee0dd;
  padding-top: 0;
}
.it_07.last_text .text_box{
  margin-bottom: 0;
  padding-top: 0;
  margin-top: -160px;
  z-index: 10;
  position: relative;
}
.it_07.last_text .text_box .tit{
  color: #fff;
  font-size: 2em;
  text-shadow: 0 4px 4px rgba(0, 0, 0, .35);
}
.it_07.last_text .text_box ul{
  margin-top: 30px;
}
.it_07.last_text .text_box ul li{
  position: relative;
  padding-left: 1em;
}
.it_07.last_text .text_box ul li::before{
  content: '- ';
  position: absolute;
  left: 0;
  top: 0.375em;
}
/* 8과 */
.book_08 .box_i{
  padding: 0.5em;
  margin-top: 1em;
}
.book_08 .box_i i{
  display: block;
  margin-bottom: 8px;
}
.book_08 .box_i i span{
  font-style: normal;
  padding-left: 6px;
  font-size: 0.875em;
}
.book_08 .img_shap1 img{
  shape-outside: url(../../itiswritten/img/08/08_i_03.png);
  shape-margin: 20px;
  margin-left: -80px;
  width: 45%;
}
.book_08 .img_shap2 img{
  shape-outside: url(../../itiswritten/img/08/08_i_05.png);
  shape-margin: 20px;
}
/* 9과 */
.it_09{
  background-color: #dddfdc; 
  font-family: 'Nanum Myeongjo';
}
.it_09 .first-letter{
  font-size: 2em;
  float: left;
  color: #a1a0a0;
}
/* 10과 */

.book_10 .but_what_box.img_right img{
  shape-outside: url(../../itiswritten/img/10/10_i_04.png);
  shape-margin: 20px;
}
/* 11과 */
.it_11 {
  background-color: #2f261d;
  color: #fff;
  padding: 1em;
}
/* 13과 */
.book_13 .but_what .img_right img{
  shape-outside: url(../../itiswritten/img/13/13_i_05.png);
  shape-margin: 20px;  
}
.book_13 .img_shape img{
  shape-outside: url(../../itiswritten/img/13/13_i_02.png);
  shape-margin: 20px;  
}
/* 14과 */
.book_14 .oder_list{
  margin-top: 40px;
  margin-bottom: 40px;
}
.book_14 .oder_list .tit{
  color: #4f79bc;
  font-family: 'SC-6';
  font-size: 1.125em;
}
.book_14 .oder_list ul{
  background-image: url(../../itiswritten/img/14/14_i_03.jpg);
  background-position: right bottom;
  background-size: 50%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
}
.book_14 .oder_list ul li{
  width: 33.333%;
  margin-top: 1rem;
  background-image: url(../../itiswritten/img/14/14_i_03_bg.png);
  background-repeat: no-repeat;
  background-position: center right 4px;
  padding-right: 16px;
}
.book_14 .oder_list ul .tit_num{
  font-family: 'SC-6';
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.book_14 .oder_list ul .tit_num span{
  width: 2em;
  height: 2em;
  font-size: 1rem;
  color: #fff;
  background-color: #e8340e;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 6px;
}
.book_14 .oder_list ul .tit_num b{
  width: calc(100% - 2.25em);
}
.it_14{
  background-color: #faf3e6;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 40px;
}
.it_14 img{
  margin-right: -40px;
}
.it_14 ul li {
  padding: 0 0 0 1.25em;
  position: relative;
}
.it_14 ul li::before{
  content: '- ';
  position: absolute;
  top: 0;
  left: 0;
}
.it_14 .tit{
  font-size: 1.25em;
  font-weight: 600;
  color: #4e7cbf;
  margin-bottom: 1em;
}
.book_14 .img_shape img{
  shape-outside: url(../../itiswritten/img/14/14_i_05.png);
  shape-margin: 20px;  
  width: 50%;
  margin-left: -40px;
  border-radius: 0;
}
.book_14 .img_shap2 img{
  shape-outside: url(../../itiswritten/img/14/14_i_06.png);
  shape-margin: 20px;
  width: 60%;
  margin-left: -80px;
  border-radius: 0;
}
.book_14 .but_what_box p, .book_15 .but_what_box p{
  text-indent: 0.625em;
}
/* 15과 */
.book_15 .but_what_box img{
  shape-outside: url(../../itiswritten/img/15/15_i_04.png);
  shape-margin: 20px;
}
/* 16과 */
.book_16 table{
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.book_16 table th, .book_16 table td{
  font-weight: normal;
  border-left: 2px solid #fff;
}
.book_16 table th{
  font-family: 'SC-5';
  color: #fff;
}
.book_16 table td{
  font-family: 'SC-4';
  padding: 10px 8px;
}
.book_16 table th:nth-child(1){
  background-color: #4f79bc;
}
.book_16 table th:nth-child(2){
  background-color: #58879d;
}
.book_16 table th:nth-child(3){
  background-color: #c2a200;
}
.book_16 table td:nth-child(1){
  background: linear-gradient(to bottom, rgba(79, 121, 188, .35), #fff );
}
.book_16 table td:nth-child(2){
  background: linear-gradient(to bottom, rgba(88, 135, 157, .35), #fff );
}
.book_16 table td:nth-child(3){
  background: linear-gradient(to bottom, rgba(194, 162, 0, .35), #fff );
}
.it_16{
  background-color: #eddd9c;
  padding: 40px 40px 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: 'Nanum Myeongjo';
  font-weight: 600;
}
.it_16 span{
  font-size: 3em;
  color: #fff;
  float: left;
  line-height: 1;
}
.it_16 .img_box{
  margin-top: 0;
}
.book_16 .sanctum{
  margin-top: 2rem;
}
.book_16 .sanctum li{
  display: flex;
  align-items: center;
  gap: 20px;
}
.book_16 .sanctum li .img_box{
  width: 40%;
  margin: 0;
}
.book_16 .sanctum .text{
  padding-left: 1.75em;
  position: relative;
}
.book_16 .sanctum .tit{
  display: flex;
  align-items: center;
}
.book_16 .sanctum .tit .num{
  background-color: #d7dcef;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  font-size: 0.875em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  left: 0;
}
.book_16 .sanctum .tit span{
  font-family: 'SC-6';
  color: #c2a200;
  font-size: 1.125em;
}
/* 17과 */
.it_17 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: 'SC-6';
}
.it_17 .tit{
  color: #4f79bc;
}
.it_17 ul{
  margin-top: 1rem;
  display: flex;
  background-image: url(../../itiswritten/img/17/17_i_02_bg.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.it_17 ul li{
  width: 50%;
  text-align: center;
}
.it_17 ul li .num{
  font-size: 2.5em;
  color: #c9c9ca;
  line-height: 1;
}
.it_17 ul li .text strong{
  color: #e8c200;
  font-size: 1.5rem;
}
.book_17 .year_day{
  background-color: #f7f1da;
  margin-bottom: 2em;
  padding: 20px;
  border-radius: 10px;
  border: 2px dotted #000;
  font-size: 0.875em;
}
/* 18과 */
.book_18 .quiz_description_list li{
  display: flex;
  gap: 8px;
}
.book_18 .quiz_description_list li b{
  color: #c59100;
}
.book_18 .year_day{
  margin-top: 0;
  margin-bottom: 2rem;
  color: #024681;
}
.book_18 .year_day>div b{
  margin-right: 8px;
}
.quiz_description .list_item li {
  padding: 0 0 0 1.25em;
  position: relative;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.quiz_description .list_item li::before{
  content: '- ';
  position: absolute;
  top: 0;
  left: 0;
}
.ten_commandments{
  padding: 2rem 0;
}
.ten_commandments .ten_box{
  display: flex;
  gap: 16px;
  line-height: 1.4;
}
.ten_commandments .ten_box > div, .ten_commandments .ten_box > p{
  width: calc(50% - 8px);  
}
.ten_commandments .ten_01{
  background-color: #58879d;
}
.ten_commandments .ten_02{
  background-color: #c59100;
}
.ten_commandments .ten_01 , .ten_commandments .ten_02{
  color: #fff;
  text-align: center;
  padding: 40px 20px 20px;
  border-radius: 80px 80px 5px 5px;
}
.ten_commandments ol li{
  text-indent: 0;
  padding-left: 0;
}
.ten_commandments li b{
  display: block;
  font-size: 1em;
}
.ten_commandments li span{
  word-break: keep-all;
  font-size: 0.875em;
}
.ten_box p{
  margin-top: 0.5em !important;
  text-align: center;
  word-break: break-all;
  font-size: 0.75em;
}
/* 19과 */
.it_19{
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-image: url(../../itiswritten/img/19/19_i_03_bg.jpg);
  display: flex;
}
.it_19 .img{
  width: 100px;
}
.it_19 .text{
  font-family: 'Nanum Myeongjo';
  width: calc(100% - 100px);
  padding: 40px 40px 40px 0;
  font-weight: 600;
}
.it_19 .text span{
  float: left;
  font-size: 2.5em;
  color: #c59100;
  line-height: 1;
  padding-top: .25em;
}
.it_19 .img img{
  width: 100%;
}
.book_19 .but_what_box img{
  shape-outside: url(../../itiswritten/img/19/19_i_05.png);
  shape-margin: 20px;
  width: 50%;
}
.book_19 .but_what_box p{
  text-indent: 0;
}
/* 20과 */
.book_20  .it_20{
  margin-bottom: 2rem;
  background: linear-gradient(to top, #fbf4db, #fff);
  margin-right: -40px;
  padding: 40px 0 0 40px;
}
.book_20  .it_20 img{
  shape-outside: url(../../itiswritten/img/20/20_i_02.png);
  shape-margin: 20px;
  border-radius: 0;
  margin-bottom: 0;
}
.book_20 p{
  text-indent: 0;
  margin-top: 0.5em !important;
}
.book_20 .img_shap img{
  shape-outside: url(../../itiswritten/img/20/20_i_07.png);
  shape-margin: 20px;
  margin-left: -80px;
  width: 50%;
  border-radius: 0;
}
/* 21과 */
.book_21 .it_21{
  background-color: #e2e7d9;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
}
.book_21 .it_21 .img_box{
  margin: 0;
  width: 30%;
}
.book_21 .it_21 img{
  margin: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.book_21 .it_21 .text_box{
  padding: 20px 40px 20px 20px;
  width: 70%;
}
.book_21 .it_21 .text_box>div{
  font-size: 1.875em;
  font-family: 'Nanum Myeongjo';
  color: #024686;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: .5em;
}
.book_21 .it_21 .text_box ol{
  padding-left: 0;
  text-indent: 0;
}
.book_21 .it_21 .text_box ol li {
  text-indent: 0;
  padding-left: 0;
  display: flex;
  align-items: flex-start;
  margin-top: .5em;
}
.book_21 .it_21 .text_box ol li strong{
  color: #fff;
  font-family: 'SC-6';
  font-size: 2em;
  width: 1em;
  line-height: 1;
}
.book_21 .it_21 .text_box ol li span{
  width: calc(100% - 1em);
}
.book_21 picture p{
  background-color: #231815;
  color: #fff;
  padding: 8px 16px;
  margin-top: 0;
  font-size: 0.875em;
  line-height: 1.4;
  text-indent: 0;
}
.book_21 .but_what_box img{
  shape-outside: url(../../itiswritten/img/21/21_i_04.png);
  shape-margin: 20px;
  width: 50%;
}
/* 22과 */
.book_22 .quiz_description div span{
  font-size: 0.875em;
  color: #bdc0bb;
  margin-top: 0.1875em;
}
.book_22 .clause_text span{
  font-size: 0.875em;
}
.book_22 .but_what_box img{
  shape-outside: url(../../itiswritten/img/22/22_i_06.png);
  shape-margin: 20px;
  width: 50%;
}
/* 23과 */
.qu_23 div, .qu_22 div{
  display: flex;
  gap: 0.3125em;
}
.book_23 .quiz_description div span{
  font-size: 0.875em;
  color: #bdc0bb;
  margin-top: 0.1875em;
}
.book_23 .img_shape img{
  shape-outside: url(../../itiswritten/img/23/23_i_03.png);
  shape-margin: 20px;  
  width: 50%;
  margin-left: -80px;
  border-radius: 0;
}
.book_23 .but_what_box img{
  shape-outside: url(../../itiswritten/img/23/23_i_05.png);
  shape-margin: 20px;  
}
.book_23 .img_shap2 img{
  shape-outside: url(../../itiswritten/img/23/23_i_07.png);
  shape-margin: 20px;  
  width: 50%;
  margin-left: -80px;
}
.book_23 .img_shap2 b{
  display: inline;
}
.book_23 .img_shap3 img{
  shape-outside: url(../../itiswritten/img/23/23_i_08.png);
  shape-margin: 20px;
  margin-right: -40px;
  width: 25%;
}
/* 24과 */
.book_24 .img_shap img{
  shape-outside: url(../../itiswritten/img/24/24_i_06.png);
  shape-margin: 20px;
  margin-right: -40px;
  border-radius: 0;
  width: 50%;
}
.book_24 .but_what_box img{
  shape-outside: url(../../itiswritten/img/24/24_i_05.png);
  shape-margin: 20px;
}
/* 25과 */
.it_25{
  background-color: #0b1116;
  margin-bottom: -56px;
  color: #fff;
  font-family: 'Nanum Myeongjo';
  font-weight: 600;
  line-height: 1.5;
}
.it_25::after{
  display: none;
}
.it_25.principle .tit{
  font-family: 'Nanum Myeongjo';
  color: #eddd9c;
}
.it_25.principle li{
  display: flex;
  gap: 0.375em;
}
.it_25.principle li span{
  font-size: 0.875em;
  margin-top: 0.25em;
}
.it_25.principle b{
  font-weight: normal;
  display: block;
  color: #72cbf0;
  margin-top: 1em;
}
/* 마지막 페이지 */
.last_page .content_header{
  background-color: #fff;
  text-align: center;
  padding-bottom: 40px;
}
@media (max-width: 540px){
  .page_tit .tit h1{
    font-size: 8vw;
  }
  .page_tit .tit_s h2{
    font-size: 6vw;
  }
  .img_box.img_w-100{
    margin-left: -16px;
    margin-right: -16px;
  }
  .img_box.img_mb-0{
    margin-bottom: -32px;
  }
  .introduction{
    padding-top: 56px;
  }
  .quiz_list .quiz_num{
    left: -15px;
  }
  .quiz_list .quiz_item .img_w-100 {
    margin-left: -56px;
  }
  .ox_quiz_box{
    width: 100%;
    padding: 30px 40px;
  }
  .ox_img_box{
    width: 100%;
  }
  .box_width_100{
    margin-left: -16px;
    margin-right: -16px;
  }
  .principle, .it_14{
    padding: 16px 16px  32px ;
  }
  .principle::after{
    width: 20px;
    height: 20px;
    left: 5px;
  }
  .but_what .tit{
    font-size: 1.875rem;
  }
  .part_tit .text_box{
    flex-direction: column;
  }
  .part_tit .text_box picture{
    width: 100%;
  }
  .part_tit .text_box>div{
    width: 100%;
  }
  .part_tit .text_box{
    padding-right: 0;
  }
  /* 10과 */
  .but_what_box.img_right img{
    margin-right: -16px;
  }
  .book_08 .img_shap1 img, .book_02 .img_shap img{
    margin-left: -56px;
  }
  /* 14과 */
  .book_14 .oder_list ul{
    flex-direction: column;
    padding-bottom: 5em;
  }
  .book_14 .oder_list ul li{
    width: 100%;
    background-image: url(../../itiswritten/img/14/14_i_03_bg_m.png);
    background-position: bottom center;
    padding-bottom: 30px;
  }
  .book_14 .oder_list ul li:last-child{
    background-image: none;
    padding-bottom: 0;
  }
  .book_14 .oder_list ul .tit_num{
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 0.5rem;
  }
  .it_14 img{
    margin-right: -16px;
  }
  .book_14 .img_shape img{
    margin-left: -16px;
  }
  .book_14 .img_shap2 img{   
    width: 50%;
    margin-left: -56px;
  }
  .but_what_box.img_right img{
    margin-right: -16px;
  }
  .but_what_box.img_left img{
    margin-left: -16px;
  }
  .it_16{
    padding: 24px 16px 0;
  }
  .book_16 .sanctum li{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1em;
  }
  .book_16 .sanctum li .img_box{
    width: 100%;
  }
  .book_16 .sanctum li .text br{
    display: none;
  }
  .it_17 ul li .text br{
    display: none;
  }
  .it_19 .text{
    padding: 40px 16px 40px 0;
  }
  .book_20  .it_20{
    margin-right: -16px;
    padding: 10px 0 20px 40px;
  }
  .book_20 .img_shap img{
    margin-left: -56px;
  }
  .book_21 .it_21 {
    flex-direction: column;
  }
  .book_21 .it_21 .img_box{
    max-height: 400px;
    overflow: hidden;
  }
  .book_21 .it_21 img{
    max-height: 400px;
  }
  .book_21 .it_21 .img_box, .book_21 .it_21 .text_box{
    width: 100%;
  }
  .book_23 .img_shape img, .book_23 .img_shap2 img{
    margin-left: -56px;
  }
  .book_23 .img_shap3 img{
    margin-right: -16px;
    width: 35%;
  }
  /* 24과 */
  .book_24 .img_shap img{
    margin-right: -16px;
    width: 50%;
  }
}