::selection {
  color: #64dfdf;
  background-color: #6930c3;
  }

 <style>
      @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap');
      
      body {
        margin : 0px;
        }

      * {
        font-family: 'noto sans KR', sans-serif; 
        font-weight: 400;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;        
        }
      a {cursor:pointer;}
      a:link,a:active,a:visited { 
        color:#000000; 
        text-decoration:none; 
        }
      a:hover { 
        color:#ff4b5c;
        }
      b {font-weight: 900;
        }
      tr:hover {
        background-color:#f6f5f5;
        font-weight : bold;
        }
      th {
        height: 70px;
        padding-bottom: 5px;
        padding-left : 12px; 
        font-weight : 600; 
        text-align :left;
        vertical-align: bottom;
      }
      p {margin: 0px;}

      .notice:hover {
        color:#ff4b5c; 
        }
      .tabletitle:hover {
        background-color:white;
      }
      td:nth-of-type(1) {text-align: right;}
      td:nth-of-type(2) { display: none;}
      td {
        font-size: 14px; 
        border-bottom:1px solid #ba52ed; 
        vertical-align:middle; 
        padding: 13px;
        }
      td:nth-of-type(3) {padding-left: 10px;}
      td:nth-of-type(6) {padding-right: 10px;}
      table.maintable {
        border-collapse:collapse;
        margin-top : 50px;
        font-size : 14px;
        line-height: 1.4;
        word-break: keep-all;
        width: 100%;
        align-content: center;
        z-index: 4;
        }
        table.before2016table {
        border-collapse:collapse;
        margin-top : 10px;
        font-size : 14px;
        line-height: 1.4;
        word-break: keep-all;
        width: 100%;
        align-content: center;
        z-index: 4;
        }
      img {max-width: 100%;}
      ul {list-style: none;}
      
      .nav {
        height : 88px;
        position: fixed; 
        top:0; 
        left:0px;
        margin: 0px;
        padding: 0px;
        width: 100%;
        background-color: #6ef7c8; opacity:0.9;
        z-index: 5;}


      details > summary {list-style: none;}
      details > summary::-webkit-details-marker {
          display: none;}
      
      summary {cursor:pointer;
              outline: 0;
              }

      .container2 {
        margin: 0px;
        padding: 0px;
        width: 100%;
        z-index: 4; 
       } 
      .figure {width : 300px;
               display: block;}
      .worklists {width: 100vw;} 
     
      .tabletitle {max-width: 90vw;
        margin: 20px auto;
        padding: 16px;
        font-weight: 700; vertical-align:middle;
        border-bottom:1px solid #ba52ed; 
        }
      .th_number {min-width : 30px;
                  text-align: center;}
      .th_category {min-width: 70px;
                    display: none;}
      .th_title {width: 45vw;}
      .th_keywords {width: 30vw;}
      .th_date {min-width:60px;
                padding-right :5px;}
      .th_form {max-width:100px;}
      .th_source {
        width:240px;
        max-width: 240px;}

      .imagedefrag {font-weight: 600;}
      .websitetitle {
        font-size:20px;
        color:black;
        opacity: 1;
        margin-top :25px;
        padding-left:0px;
        font-weight: 700;
        float:left;
        }

      .websitetitle:hover {
        color:#393e46;
        font-weight: bold;      
        }
      
      .profileimg {
        float : left;
        opacity: 1.0;
        width:45px;
        vertical-align: middle;
        margin-top: 8px;
        margin-left: 5px;
        margin-right: 5px;
        padding : 10px;
        }
      .contactlinks {
        float: right;
        color : black; 
        margin-right:10px; 
        padding-right: 6px;
        padding-top: 4px;
        line-height: 1.35;
        list-style: none; 
        font-size : 15px;
        }
      .profile {
        margin:20px 25px 20px 78px;
        padding-bottom: 10px;
        width:100%;
        clear:both;s
        opacity: 1;
        }
        
      .nav details[open] {
        background-color: inherit;
        }
        
      .profilecontents {
        max-width :45vw;
        line-height: 1.6;
        word-break: keep-all;
        font-size: 14px;
        }
      .credittext {
        max-width :70vw;
        line-height: 1.6;
        font-size: 13px;
        word-break: keep-all;
        }

      .notice {
        width:100%;
        clear:both;s
        opacity: 1;
        float: right;
        }
      
      .noticecontents {
        position: absolute;
        min-width : 25%;
        top: 89px;
        right: 3px;
        border-radius: 9px;
        padding: 15px 15px 15px 15px;
        font-size: 13px;
        color : white;
        word-break: keep-all;
        background-color: #e84a5f;
        }
      summary.furtherinfo { color: #636363;
              padding-top :3px;
              padding-left: 30%;
             }
      .before2016 {text-align: center;
                   margin-top : 5px;
                   margin-bottom: 15px;
                   color : black;
                   font-size: 14px;}
      .before2016:hover { 
                          color:#ff4b5c;
                          }                   
      .topbutton {text-align: center;
                   font-size: 14px;
                   margin-top : 5px;
                   margin-bottom: 15px;
                   color : #707070;}     
/*
       @media screen and (-webkit-min-device-pixel-ratio:0) {
       	.websitetitle {
        font-size:20px;
        color:black;
        opacity: 1;
        padding-top :30px;
        padding-left:0px;
        font-weight: 700;
        float:left;
        }
        .contactlinks {
        float: right;
        color : black; 
        padding-right:15px; 
        padding-top:6px;
        list-style: none; 
        font-size : 15px;
        }
       }*/



       @media 
      only screen and (max-width: 760px),
      (min-device-width: 320px) and (max-device-width: 760px)
      {
      * {
            -webkit-text-size-adjust: none;
            -moz-text-size-adjust: none;
            -ms-text-size-adjust: none;
            }      

      table, thead, tbody, th, td, tr { 
          display: block; 
          }
      table.maintable {margin-top: 87px;
             word-break: keep-all;
            font-size: 14px;}
      table.before2016table {
            word-break: keep-all;
            font-size: 14px;}

      .tabletitle { 
          position: absolute;
          top: -9999px;
          left: -9999px;
          }
      .websitetitle {
        font-size:20px;
        color:black;
        opacity: 1;
        margin-top :25px;
        padding-left:0px;
        font-weight: 700;
        float:left;
        }
      .contactlinks {
        float: right;
        color : black; 
        margin-right:10px; 
        padding-top:3px;
        list-style: none; 
        font-size : 15px;
        }
      tr { border-bottom: 1px solid #ba52ed; }
      
      td { 
        border: none;
        position: relative;
        padding-left: 70px;
      }
  
      td:before { 
        position: absolute;
        color : #C5C6B6;
        top: 13px;
        left: 20px;
        width: 45%; 
        padding-right: 10px; 
        white-space: pre-wrap;
        }
      td:nth-of-type(1) { color:#c5c6b6;
                          padding-left: 27px;
                          display: inline-block;}                         
      td:nth-of-type(2) { display: none;}
                         
      td:nth-of-type(3) { padding-left: 3px;
                          display: inline-block;
                          max-width: 65vw;
                         }
      td:nth-of-type(4) { max-width: 75vw;
                          font-size-adjust: 100%;
                        }                                     
      td:nth-of-type(5) { display: inline-block;}
      td:nth-of-type(6) { display: inline-block;}
      td:nth-of-type(7) { display: inline-block;
                          text-decoration: underline;
                         }
      /*td:nth-of-type(1):before { content: "번호";}*/
      td:nth-of-type(2):before { content: "구분";}
      /*td:nth-of-type(3):before { content: "제목";}*/
      td:nth-of-type(4):before { content: "키워드"; }
      td:nth-of-type(5):before { content: "발표일"; }
      td:nth-of-type(6):before { content: "구분"; }
      td:nth-of-type(7):before { content: "발행처";}

      

      /*.imagedefrag {display: inline-block;}*/
}
    </style>