:root{
  --menu_icon_bgc: #2b085a;
  --basic-color:#472476;  
  --header-wrap-active : rgba(71, 36, 118, 0.75);
  --topBotton-bg : rgba(71, 36, 118, .85);
  --ox_quiz-bg : #6b4599;
  
  --tit-color:#ad70ae;
  --tit-color2: #379ad5;
  --tit-color3: #29b382;
  --modal-link-color:red;
}
/* 메뉴상단  */
#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='%23472476'%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{
  background-color: #fff;
  padding-bottom: 40px;
}
.content_header .img_box{
  padding: 2em 0 3em;
}
.content_header .img_box img{
  width: 100%;
  display: block;
  margin: 0 auto;
}
.content_header .title{
  text-align: center;
  font-size: 2.625em;
  font-family: 'SC-5';
  line-height: 1.4;
}
.content_header .title span{
  display: inline-block;
  width: 1.666666666666667em;
  height: 1.666666666666667em;
  background-color: var(--tit-color);
  color: #fff;
  border-radius: 50%;
  line-height: 1.666666666666667em;
  text-align: center;
}
.book2 .content_header .title span{
  background-color: var(--tit-color2);
}
.book3 .content_header .title span{
  background-color: var(--tit-color3);
}
.content_header .title strong{
  display: block;
  color: var(--tit-color);
  margin-top: 0.5rem;
  word-break: keep-all;
}
.book2 .content_header .title strong{
  color: var(--tit-color2);
}
.book3 .content_header .title strong{
  color: var(--tit-color3);
}
.content_header p{
  margin: 0 40px;
  background-color: #fcf9e4;
  padding: 32px;
}
.list_box , .list_box2, .list_box3 {
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.chapter .list_box li, .chapter .list_box2 li, .chapter .list_box3 li{
  margin-top: 4px;
  padding: 4px 16px;
  text-indent: -1.25em;
  padding-left: calc(1.25em + 16px);
}
.list_box li:nth-child(odd){
  background-color: #e5d4e8;
}
.list_box li:nth-child(even){
  background-color: #e2e0f0;
}
.list_box2 li:nth-child(odd){
  background-color: #cddff2;
}
.list_box2 li:nth-child(even){
  background-color: #d0d5eb;
}
.list_box3 li:nth-child(odd){
  background-color: #bfe2cc;
}
.list_box3 li:nth-child(even){
  background-color: #d2e9e7;
}
ol.list_box3 li{
  text-indent: -1.25em;
  padding-left: calc(16px + 1.25em);
}
.chapter .tit_s{
  font-size: 1.5em;
  margin-bottom: 1em;
  color: var(--tit-color);
  font-family: 'SC-6';
  line-height: 1.4;
}
.book2 .chapter .tit_s{
  color: var(--tit-color2);
}
.book2 .chapter .img_box figcaption b{
  color: var(--tit-color2);
}
.book3 .chapter .tit_s{
  color: var(--tit-color3);
}
.book3 .chapter .img_box figcaption b{
  color: var(--tit-color3);
}
/*  2과 표 박스 */
.box_table{
  background-color: #fcf5f0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  margin-top: 2em;
}
.box_table .tit{
  background-color: #985966;
  color: #fff;
  font-family: 'SC-5';
  text-align: center;
  padding: 0.25em 1em;
}
.box_table .content{
  padding:  1em;
  margin-top: 0;
}
.box_table .content span{
  font-size: 0.8125em;
  color: #666;
}
.ol_list {
  margin-left: 1.25em;
}
.ol_list li{
  text-indent: -1.2em;
  padding-left: 1.2em;
  padding-bottom: .5em;
}
.story{
  background-color: #e7d4bf;
}
.story .tit_s{
  text-align: center;
  color: #2a1905;
}
.story p, .story div{
  background-color: #fff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(42, 25, 5, 0.5);
}

/* 3과 박스 */
.box_table_2{
  margin-top: 2em;
}
.box_table_2 .tit{
  font-family: 'SC-5';
  text-align: center;
  padding: 0.25em 1em;
  color: #fff;
  background-color: #af6cac;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.box_table_2 dl{
  border-bottom: 1px solid #333;
  background-color: #f0ecf5;
  display: flex;
}
.box_table_2 dl:nth-child(even){
  background-color: #fdf0e9;
}
.box_table_2 dt, .box_table_2 dd{
  padding: 8px 16px;
}
.box_table_2 dt{
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #333;
  font-family: 'SC-6';
}
.box_table_2 dd{
  width: calc(100% - 100px);
}
.box_table_2 .text{
  font-size: 0.875em;
  margin-top: .5em;
}

/* 4과 박스*/
.box_table_3 {
  margin-top: 2em;
  margin-bottom: 2em;
}
.box_table_3 .tit{
  font-family: 'SC-6';
  text-align: center;
  margin-bottom: .5em;
}
.box_table_3 .tit strong{
  color: #379ad5;
  font-weight: normal;
}
.box_table_3 .ul_tit{
  background-color: #379ad5;
  color: #fff;
  display: flex;
}
.box_table_3 .ul_tit span{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
}
.box_table_3 ul li{
  background-color: #5da6da;
  display: flex;
  /* align-items: center; */
  align-items: stretch;
  border-bottom: 1px solid #fff;
  padding: 0;
}
.box_table_3 ul li>*{
  padding: 4px 8px;
}
.box_table_3 ul li strong{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  font-weight: normal;
  font-family: 'SC-5';
  text-align: center;
  color: #fff;
}
.box_table_3 ul li span{
  display: flex;
  align-items: center;
  width: calc(100% - 100px);
  border-bottom: 1px solid #5da6da;
  background-color: #f3f8fc;
}
.box_table_3 .ul_tit span:first-child{
  width: 130px;
}
.box_table_3 .ul_tit span:nth-child(2){
  width: calc(100% - 110px);
}
.box_table_3 .ul_tit + ul li{
  border-bottom: none;
}
.box_table_3 .ul_tit + ul li strong{
  background-color: #dbebf8;
  border-bottom: 1px solid #5da6da;
  color: initial;
  border-right: 1px solid #5da6da;
  width:  110px;
}
.box_table_3 .ul_tit + ul li span{
  width: calc(100% - 110px);
}
/* 5과 추가 */
.box_table_3_width  ul li strong{
  width: 130px;
}
.box_table_3_width ul li span{
  width: calc(100% - 130px);
}
/* 5과 */
.img_top5 .img_top{
  margin-top: -61px;
  margin-right: -40px;
}
.img_top5 .img_top img{
  margin-left: 2em;
}
.img_top5 .tit_s{
  margin-top: 60px;
}
/* 박스 관련 */
.text_box{
  padding: 32px 16px;
  margin: 2em 0;
}
.text_box .tit{
  text-align: center;
  font-size: 1.25em;
  font-family: 'SC-6';
  max-width: 560px;
  margin: 0 auto 0.5em;
  line-height: 1.4;
}
.text_box ol li{
  text-indent: -1.3em;
  padding-left: 1.3em;
  margin-top: .5em;
}
.text_box.tip{
  background-color: #fbe5d5;
  margin-top: 4em;
  position: relative;
}
.text_box.tip::before{
  content: '';
  width: 7em;
  height: 3.5em;
  position: absolute;
  top: -1.725em;
  background-image: url(./img/newstart_tip.png);
  background-repeat: no-repeat;
  background-size: 7em;
}
.text_box.tip .tit{
  color: #944f5d;
}
.text_box_last{
  background-color: #fdd8ac;
  position: relative;
}
.text_box_last .img_box{
  position: absolute;
  top: 0;
  right: 1em;
  width: 260px;
}
.text_box_last .text{
  padding: 40px 16px;
  background-color: #fff;
}
.n05_img_mobile div+div{
  margin-top: 2em;
}
/* 9과 마지막 */
.img_text{
  display: flex;
  padding-left: 40px;
  align-items: center;
  margin-top: -2em;
}
.img_text .text{
  width: 80%;
  background-color: #f2f2f3;
  padding: 1em;
  font-size: 1.125em;
  margin: 2.5em 0 4em;
}
@media (max-width: 540px){
  .chapter .tit_s{
    font-size: 1.25em;
    font-family: 'SC-5';
  }
  .content_header .img_box{
    padding: 2em 2em 3em;
  }
  .content_header p{
    margin: 0 16px;
    padding: 16px;
  }
  .story p{
    padding: 40px 16px;
  }
  .box_table_2 dl{
    display: block;
  }
  .box_table_2 dt{
    width: 100%;
    display: block;
    border-right: none;
    border-bottom: 1px solid rgba(51, 51, 51, 0.125);
    background-color: rgba(255, 255, 255, 0.125);
  }
  .box_table_2 dd{
    width: 100%;
  }
  .img_top5 .img_top{
    margin-top: -37px;
    margin-right: -16px;
  }
  .img_top5 .img_top img{
    margin-left: 2em;
  }
  .img_top5 .tit_s{
    margin-top: 42px;
  }
  .n05_img picture{
    display: none;
  }
  .n05_img_mobile{
    background-image: url(../../newstart/img/05/n05_10_m.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 50vw;
    background-position: bottom;
  }
  .box_table_3_width  ul li{
    flex-direction: column;
  }
  .box_table_3_width  ul li strong, .box_table_3_width  ul li span{
    width: 100%;
  }
  .img_text{
    padding: 0 16px;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0;
  }
  .img_text .text{
    width: 100%;
    margin: 1em 0 0;
  }
  .img_text .img_box{
    width: 70%;
    margin-right: -16px;
  }
}