/* Common */

figure {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  figure img {
      width: 100%;
      
  }
  
  .m_pbr {
    display: flex;
  }
  
  .m_mbr {
    display: none;
  }
  
  /* Main */
  
  #main .vis_txt p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  @media(max-width:768px) {
    .m_pbr {
      display: none;
    }
    .m_mbr {
      display: flex;
    }
  }
  
  /* 권익 현장 속으로 1 */

  

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




  .inside01 .inside_grid figure {
    position: relative;
  }

  .inside01 .inside_grid figure::before {
    
    position: absolute;
    bottom: 2%;
    left: 2%;
  }

  .inside01 .inside_grid .first figure::before {
    content: '1';
  }
  .inside01 .inside_grid .second figure::before {
    content: '2';
  }
  .inside01 .inside_grid .third figure::before {
    content: '3';
  }
  
  @media(max-width:768px) {
      .inside01 .inside_grid {
          grid-template-columns: repeat(1,1fr);
      }
  }
  
  
  /* 권익 증진소 */
  
  .increase.sub .sec:nth-child(2) .sub_title {
      background-color: #9497CB; /*1번째 타이틀 색상*/
      
    }
    .increase.sub .sec:nth-child(3) .sub_title  {
      background-color: #75BEE9; /*2번째 타이틀 색상*/
    }
    .increase.sub .sec:nth-child(4) .sub_title{
      background-color: #80CAA1; /*3번째 타이틀 색상*/
    }
    .increase.sub .sec:nth-child(5) .sub_title {
      background-color: #F48473; /*4번째 타이틀 색상*/
    }
  
    
    .increase.sub .sub_title {
      display: flex;
      align-items: center;
      padding: 6px 20px;
      width: fit-content;
      border-radius: 999px;
      border: 1px solid #121212;
    }
  
    .increase.sub .sub_title small {
      text-align: center;
      width: 50px;
      height: 50px;
      font-size: 30px;
      line-height: 50px;
      color: #fff;
      background-color: #121212;
      border-radius: 999px;
      margin-right: 8px;
    }
    
    @media(max-width:768px) {
      .increase.sub .sub_title {
          width: 100%;
      }
      .increase.sub .sub_title small {    
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          color: #fff;
          width: 40px;
          height: 40px;
          line-height: 40px;
          background-color: #121212;
          border-radius: 999px;
          padding: 0 20px;
          text-align: center;
    }
  
    .increase.sub .last-img {
      max-width: 200px;
      margin: 0 auto;
    }
    }
  
  
    /* 친절한 Q&A */
  
    #main.sub.qna {
      background: #EDE6DD;
    }
  
    #main.sub.qna .inner_1280 .row li:first-child {
      background-color: #BFB0A6;
    }
    
    .qna.sub .sub-visual .sub-visual_img { 
      background: url('../../images/contents/qna_visual.png') no-repeat; background-size: 100%;
      background-position: center center;
      }
  
      @media(max-width:768px) {
          .qna.sub .sub-visual .sub-visual_img {
              background-size: cover;
              background-position: center center;
          }
      }
  
  
  
  
  
      /* 권익 키워드 */
  
      .sub.keyword .sub-visual .wrap::after {
          content: '';
          position: absolute;
          width: 50%;
          height: 80%;
          bottom: 0;
          right: 0;
          background: url('../../images/contents/keyword_visual.png') no-repeat;
          background-size: contain;
          background-position: center bottom;
      }
  
  
      .sub.keyword li.col-8 .keyword_bg {
          background: url('../../images/contents/keyword_img02.png') no-repeat;
          background-size: contain;
          background-position: center bottom;
          position: absolute;
          bottom: 0;
          right: 0;
          width: 50%;
          height: 50%;
      }
  
      @media(max-width:768px) {
          .sub .sub-visual .wrap::after {
              display: block;
              position: relative;
              height: 300px;
              width: 100%;
              background-size: 400px auto;
              background-position: center center;
          }
          .sub.keyword li.col-8 .keyword_bg {
              top: -3%;
              right: 0;
              width: 100px;
              height: 100px;
          }
      }
  
  
  
  
  
  
  
  /* 고충 해결소 */
  
  .solve.sub .sub-visual .wrap::before { background-color: var(--solve_10);}
  .solve.sub .sub-visual .sub-visual_img {
      background: url('../../images/contents/solve_visual.png') no-repeat;
      background-size: cover; 
      background-position: center center; 
      overflow: hidden;
  }
  
  .solve .solve_inner {
      padding: var(--space_lg);
      background-color: #fff;
      border: 1px solid #231916;
      box-shadow: 12px 12px 0 5px #844B38, 12px 12px 0 6px #000;
  }
  
  
  /* 선한 오지랍 */
  
  
  .nice .nice_image_container {
    display: grid;
    grid-template-columns:  repeat(2,1fr);
    gap: 20px;
  }
  
  .nice .nice_image_container figure {
    position: relative;
  }
  
  .nice .nice_image_container figure:nth-child(odd):before {
    content: 'Before';
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #121212;
    color: #fff;
    padding: 5px 20px;
  }
  
  
  .nice .nice_image_container figure:nth-child(even)::after {
    content: 'After';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #121212;
    color: #fff;
    padding: 5px 20px;
  }
  
  
  @media(max-width:768px) {
    .nice .nice_image_container {
      grid-template-columns: repeat(1,1fr);
    }
  }