* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            overflow: hidden;
            text-align: center;
            text-decoration: none;
            font-size: 9pt;
            line-height: 1.3;
            font-family: sans-serif;
        }


        table {
  
          height: auto;
          margin: auto;
          margin-top: 0px;
          text-align: center;
          width: 100%;
          table-layout: fixed;
        }

        table, tr, td, th {
          border: 1px solid black;
          border-collapse: collapse;
          padding: 1.5px;
        }


        .half {
            position: absolute;
            width: 25%;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 2px;
            word-break: keep-all;
            text-decoration: none;
        }


        a {
          text-decoration: none;
          color: black; /* 원하는 색상으로 설정 */
          transition: opacity 0.3s ease;
        }


        a:hover {
          opacity: 0.6; /* 약간 흐려짐 */
        }

        .left1 {
           word-break: break-word;
        }

        .left2 {
        
            left: 25%;
            word-break: break-word;
        }

        .right {
     
            left: 50%;
        }

        .right2 {
          
            left: 75%;
            word-break: break-word;
        }

        .content {
            height: auto;
        }

        .box4 {
            height: 80px;
        }

        .mainbox {
            height: 100px;
        }

        .bio-soi {
            font-size: 10.5pt;
            text-align: left;
            line-height: 1.5;
            font-family: sans-serif;
            padding: 10px;

        }
        .circle {
            padding: 10px;
              margin-top: 4px;
              display: flex;
              justify-content: center;
              align-items: center;
              background-color: #ffffff;
              width: 100%;
              height: 300px;
              border: 1px solid #000000; /* 1px 테두리만 있음 */
              border-radius: 50%;         /* 정원 만들기 */
              background-color: transparent; /* 배경 없음 */


       }


        @media only screen and (max-width: 600px) {


            body {
            overflow-y: auto;
            overflow-x: hidden;
            display: flex;
            flex-direction: column-reverse;
            }

             .half {
            position: static;
            width: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 2px;
            word-break: keep-all;
            text-decoration: none;


        }

            .left1 {
                word-break: break-word;
            }


            .right2 {
                word-break: break-word;        
            }

            .box4 {
            height: 80px;
        }


    }