/* 유튜브가 100% 가로로 나오게 하기 위해 */

.youtube-container {
    position: relative; /* 자식 iframe의 absolute 기준점 */
    width: 100%;        /* 가로 100% 설정 */
    height: 0%;          /* 내용이 없으므로 높이를 0으로 설정 */
    
    /* 16:9 비율 유지 (9 / 16 = 0.5625 = 56.25%) */
    padding-bottom: 56.25%; 
    
    overflow: hidden; /* 혹시 모를 내용 넘침 방지 */
}

.youtube-container iframe {
    position: absolute; /* 부모 컨테이너 안에 절대 위치 */
    top: 0;
    left: 0;
    width: 100%;       /* 컨테이너 너비에 꽉 채우기 */
    height: 100%;      /* 컨테이너 높이(padding-bottom으로 결정된 높이)에 꽉 채우기 */
    border: 0;


 
}