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;
    }

    /* 20230601_css_추가*/
    .news_notice_one {
      display: grid;
      grid-template-columns: repeat(1, 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;
    }

    /* 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;
      }}
    
    @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: 38px;
      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 {
        display: flex;
        gap: 14px;
        flex-direction: column;
        align-items: center;
    }}

    .lin_2{
      border: 2px solid #e0e0e0;
      padding: 5px;
      position:relative;
      width: 100%;
      height: auto;
      
    }
    @media screen and (max-width: 800px) {
      .tip_title{
        max-height: 24px!important;
        height: auto!important;
        width: auto!important;
        
      }
      .rg_quoat{width: auto; 
                display: flex;
                justify-content: center;
                background-position: top 0 left 20px, bottom 0 right 20px!important;
                };
    }

    .lin_1{
      border: 1px solid #e0e0e0;
      padding: 20px;
      margin: auto auto;
      height: calc(100% - 42px);
    }

    @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: calc(100% - 42px);
      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;
    }
    /* 202303_css_삭제 */
    /* @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;
  }


  @media screen and (max-width: 800px) {
    .news_book-item{
      margin-bottom: 20px;
      min-width: 100%;
      text-align: left;
    }
  }

  /* 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;
     }
   }

   .subscript{
    width: calc(100%-100px); 
    text-align: center;
    padding: 0 50px 30px 50px;
    display: flex;
    gap: 10px;
    flex-direction: column;
   }


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

   .subscript_img{
    width: 40%;
   }

   .ma5{
    padding-bottom: 5px;
   }

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