body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
    
    /* PC 스타일 */
    .news-letter-contents{
      /* max-width: 1210px; */
      max-width: calc(1210px - 34px);
      border: 1px solid #DEE2E6;
      border-radius: 10px;
    }

    .news_notice {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
    }
    @media screen and (max-width: 800px) {

      .news_notice {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }}


    .news_books {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px;
      padding-bottom: 30px;
    }
    @media screen and (max-width: 800px) {
      .news_books {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }}

    @media (min-width: 801px) {
      .news_sub_con.pc-block {
        display: block;
      }
      .news_sub_con.mobile-block {
        display: none;
      }
    }

    @media (max-width: 800px) {
      .news_sub_con.pc-block {
        display: none;
      }
      .news_sub_con.mobile-block {
        display: block;
      }
    }


    /* 테블릿 가로 스타일 */

    /* 테블릿 세로 스타일 */
    /* @media (min-width: 801px) and (max-width: 820px) {
        .books .book-item {
          max-width: 220px;
        }
      } */

    

    .news_top_title {
      height: 100%;
      padding: 40px 50px 40px 50px;
      background-image: url(https://wcfresource.a1edu.com/newsystem/image/newsletter/rg_logo_simple.png);
      background-size: 60px;
      background-repeat: no-repeat;
      background-position: right 50px top 40px;
    }
    @media screen and (max-width: 800px) {
      .news_top_title {
        padding: 20px!important;
        background-size: 35px!important;
        background-position: right 20px top 20px!important;
      }}

    .top_news_title {
      width: 40%;
      margin: auto auto;
    }
    @media screen and (max-width: 800px) {
      .top_news_title {
        width: 50%;
      }}
    

    .title_bottom {
      height: 59px;
      max-width: 100%;
      position: relative;
      background-image: url(https://wcfresource.a1edu.com/newsystem/image/newsletter/line.png);
      background-repeat: no-repeat;
      background-size: 100% 0.8px;
      background-position: center;
      width: 100%;
      padding-top: 15px;

    }
    @media screen and (max-width: 800px) {
      .title_bottom{
        height: 22px!important;
        padding-top: 5px !important;
      }}

    .date {
      position: absolute;
      left: 0;
      padding-right: 10px;
      background-color: #fff;
      font-weight: bold;
      font-size: 18px;
    }


    .vol {
      position: absolute;
      right: 0;
      background-color: #fff;
      padding-left: 10px;
      font-size: 18px;
      font-weight: bold;
    }

    @media screen and (max-width: 800px) {
      .date {font-size: 14px!important;}
      .vol {font-size: 14px!important;}
    }

   

    .news_sub_con{
      padding: 0 50px 60px 50px;
    }
    @media screen and (max-width: 800px) {
      .news_sub_con{
        padding: 0 20px 40px 20px !important;
      }
    }
    .main-banner{
      width: 100%;
    }
    .bg_color{
      background-color:#F2F0E8 ;
      padding-top: 60px;
    }

    .news_main_title{
      height: 30px;
      margin-bottom: 30px;
    }
    @media screen and (max-width: 800px) {
      .news_main_title{
        height: 22px!important;
        margin: 40px 0 20px!important;
      }}

    .news_sub_title {
      width: 100%;
      text-align: left;
      background-image: url(https://wcfresource.a1edu.com/newsystem/image/newsletter/line.png);
      background-repeat: no-repeat;
      background-size: 100% 0.8px;
      background-position: center;
      margin-bottom: 20px;
    }
    @media screen and (max-width: 800px) {
      .news_sub_title {
        margin-bottom: 14px!important;
      }
    }

    .news_title{
      height: 30px;
      background-color: #fff;
      padding-right: 20px;
    }
    @media screen and (max-width: 800px) {
      .news_title{
        height: 24px!important;
      }}

    .h24{
      height: 24px;
      padding-right: 10px;
    }
    @media screen and (max-width: 800px) {
      .h24{
        height: 20px!important;
      }}

    .title_bg_yellow{
      background-color: #F2F0E8;
    }

    .newsthurm {
      width: 100%;
      margin-bottom: 10px
    }

    .news_thurm_title{
      font-weight: 700;
      margin-bottom: 6px
      
    }

    .news_thurm_subtitle {
      font-size: 14px;
      color: #666;
    }

    .bo_3{
      padding-bottom: 3px;
    }

    .c_gray{
      color: #A4A4A4;
      padding-right: 10px;
    }

    .rg_review {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
      padding-top: 60px;
    }
    @media screen and (max-width: 800px) {
      .rg_review {
        grid-template-columns: repeat(1, 1fr);
        gap: 14px;
    }}

    .lin_2{
      border: 2px solid #e0e0e0;
      padding: 5px;
      position:relative;
      width: 100%;
      height: auto;
      
    }
    @media screen and (max-width: 800px) {
      .lin_2{width: auto;}
    }

    .lin_1{
      border: 1px solid #e0e0e0;
      padding: 20px;
      margin: auto auto;
      height: 100%;
    }

    @media screen and (max-width: 800px) {
      .lin_1{height: auto;}

    }

.lin_3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #e0e0e0;
    padding: 20px;
    height: 100%;
    background-image: url(https://wcfresource.a1edu.com/newsystem/image/newsletter/hall_of_fame_bg.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: center top 10px;
}
    @media screen and (max-width: 800px) {
      .lin_3{height: auto;
        }
      

    }
    
    .tip_title{
      width: 50%;
      margin: auto;
      display: block;
      padding-bottom: 20px;
    }

    .tip_img{
      width: 50%;
      margin: auto;
      display: block;
      padding-bottom: 20px;
    }

    /*@media screen and (max-width: 800px) {
      .tip_img{
        width: 50%;}
    }*/
    .rg_quoat{
      text-align: center;
      margin-bottom: 20px;
      background-image: url(https://wcfresource.a1edu.com/newsystem/image/newsletter/quotes_start.png),url(https://wcfresource.a1edu.com/newsystem/image/newsletter/quotes_end.png);;
      background-size: px 30px;
      background-position: top 0 left 90px, bottom 0 right 90px;
      background-repeat: no-repeat;
    }

    .quoat_title{
      width: calc(400px/1.4)
    }

.tip_text {
    font-size: 16px;
    text-align: center;
    margin-bottom: 14px;
    display: block;
    line-height: 1.5;
}



.ma20 {
    margin-bottom: 20px;
    color: #565656;
    text-align: left;
}
    .more{
      text-align: right;
      font-size: 14px;
      color: #adadad!important;
    }

   .hall_title{
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    padding: 20px 0;
   }

  .news_book-item{
    margin-bottom: 0px;
    width: 100%;
    text-align: left;
  }


  @media screen and (max-width: 800px) {
    .news_book-item{
      margin-bottom: 20px;
    }
  }

  /*@media screen and (min-width: 801px) {
    .news_writer.pc-block{display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0px; }
    .news_writer.mo-block{display: none; }
  }
  @media screen and (max-width: 800px) {
    .news_writer.pc-block{display: none;  }
    .news_writer.mo-block{display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 0px; }
  }*/

  /*@media screen and (min-width: 801px) {
    .news_writer_row3.pc-block{display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0px; }
    .news_writer_row3.mo-block{display: none; }
  }
  @media screen and (max-width: 800px) {
    .news_writer_row3.pc-block{display: none;  }
    .news_writer_row3.mo-block{display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 0px; }
  }*/

/* 202303_css_변경 */
@media screen and (min-width: 801px) {
    .news_writer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
    }
}

@media screen and (max-width: 800px) {
    .news_writer {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
}

/* 202303_css_변경 */
@media screen and (min-width: 801px) {
    .news_writer_row3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0px;
    }
}

@media screen and (max-width: 800px) {
    .news_writer_row3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
}
  

   .text_cen{
    text-align: center;
   }
  .naver_sub_con{
    width: 50%;
    margin: auto auto;
    padding-bottom: 60px;

  }

  @media screen and (max-width: 800px) {
    .naver_sub_con{
      width: 80%;
      margin: auto auto;
      padding-bottom: 30px;
  
    }}
  .naver_search{
    width: 100%;
   }
   @media screen and (max-width: 800px) {
    .naver_search{
    padding-bottom: 10px;
   }
   }
   .rg_copy{
    padding:30px  50px;
    font-size: 14px;
    color: #9d9d9d;
    background-color: #f5f5f5;
   }
   @media screen and (max-width: 800px) {
    .rg_copy{padding:30px  20px;}
   }

   .rg_copyright{
    width: 20%;
   }
   @media screen and (max-width: 800px) {
    .rg_copyright{
      width: 30%;
      font-size: 16px;
     }
   }

/* 202303_css_추가*/
.news_books_col6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    padding-bottom: 30px;
}

@media screen and (max-width: 800px) {
    .news_books_col6 {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

/* css추가사항 */
.subscript {
    width: calc(100%-100px);
    text-align: center;
    padding: 0 50px 30px 50px;
}

.subscript_img {
    width: 40%;
}

/* css추가 - 2023-03-10 */
.ma5 {
    padding-bottom: 5px;
}

.ma10 {
    padding-bottom: 10px;
    font-size: 18px;
}

/* 20230601_css_추가*/
.news_notice_one {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}