안녕하세요. 비오에스입니다.

모바일 버전 편집에 관련하여 문의주셨는데요~

1. 모바일 기기에 따라 영상이 잘리지 않게 나오는 방법은

유튜브에서 iframe 형식으로 소스코드를 불러오셨다면, width 값을 고정px이 아닌 100%로 지정해보시기 바랍니다.

즉, width : 100%;로 설정하시게 되면 모바일 기기에 맞게 영상이 잘리지 않고 width 값이 유동적으로 기기에 맞게 변하는 것을 확인 하실 수 있습니다.

2. 적색 동그라미 숫자 영역은 현재 display:flex;라는 css로 정렬이 되어있습니다.

현재 x축에 대한 정렬이 설정되어있지 않아 기본값인 좌측정렬로 보여지는 것이고,

적색 동그라미 숫자 영역 즉, class="education10_01_list" 에 justify-content:center; 값을 설정하여 가운데 정렬을 해보시기 바랍니다.

3. PC 버전의 비주얼 배너의 탭메뉴버튼 정렬은

탭메뉴 전체를 감싸고 있는 ul의 right 값을 조절하여 맞춰주시면 됩니다.