/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
 
    /* 화면 전체를 두 열로 나누는 설정 */
    .main-container {
      display: flex;
      align-items: flex-start; /* 왼쪽과 오른쪽의 시작점을 위로 맞춤 */
      gap: 40px;               /* 왼쪽 이미지와 오른쪽 글 사이의 간격 */
      padding: 20px;
    }

    /* 왼쪽 영역 (이미지들이 있는 곳) */
    .left-section {
      flex: 0 0 auto;          /* 왼쪽은 이미지 크기만큼만 차지 */
    }

    /* 오른쪽 영역 (h3부터 시작하는 곳) */
    .right-section {
      flex: 1;                 /* 남은 오른쪽 화면을 모두 사용 */
    }

    /* 리스트 점 제거 및 간격 조절 (선택 사항) */
    .right-section ul {
      list-style-type: none;
      padding-left: 0;
    }
    
    .right-section li {
      margin-bottom: 25px;
    }
    
        /* 화면 너비가 1024px 이하일 때 적용 (태블릿/작은 노트북) */
    @media (max-width: 1024px) {
      .main-container img {
        max-width: 100%; /* 이미지가 화면 밖으로 나가지 않게 조절 */
        height: auto;
      }
    }
    
    /* 화면 너비가 768px 이하일 때 적용 (모바일) */
    @media (max-width: 768px) {
      .main-container {
        flex-direction: column; /* 가로(row)에서 세로(column) 방향으로 변경 */
        gap: 20px;
      }
    
      .left-section, .right-section {
        width: 100%; /* 각 섹션이 화면 전체 너비를 차지 */
              max-width: 400px; /* 너무 커지는 걸 방지 */
      }
      
      .video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
        }
      
      .video-container iframe,.video-container object,.video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:90%;
        }
    }

  body {
    background-color: white;
    color: grey;
    font-family: monospace;
    
  }
  /* 기본 링크 색상 */
a {
  color: grey;
  text-decoration: none; /* 밑줄 제거 */
}

/* 마우스를 올렸을 때 (Hover) */
a:hover {
  color: green;
}



  dl {
      line-height: 1.8em;
  }
  
footer{
    border-top: 1px solid;
    padding:1rem 0;
    margin:1rem 0;
}