// 위젯의 최대 너비와 높이를 설정합니다.
var maxWidth = '700px'; // 최대 너비
var maxHeight = '700px'; // 최대 높이
var divId = 'wg-faq'; // 여기에 삽입할 div의 ID를 입력하세요.
var widgetURL = 'https://app.frequentli.ai/wg/faq/content/'+'VOxBq3'; // 여기에 삽입할 div의 ID를 입력하세요.

(function() {
    // iframe을 생성합니다.
    var iframe = document.createElement('iframe');

    // iframe 스타일 설정
    iframe.style.maxWidth = maxWidth;
    iframe.style.maxHeight = maxHeight;
    iframe.style.width = '100%';
    iframe.style.height = '100%';
    iframe.style.border = 'none'; // 경계선 제거

    // iframe 스크롤바 스타일링 (iframe 내부 콘텐츠에만 적용 가능)
    iframe.style.overflow = 'auto'; // 스크롤바를 자동으로 표시
    iframe.style.scrollbarWidth = 'thin'; // 스크롤바 폭을 얇게 설정
    iframe.style.scrollbarColor = '#888 #f0f0f0'; // 스크롤바 색상 설정

    

    // iframe의 src 속성을 설정합니다.
    iframe.src = widgetURL;

    // 지정된 div에 iframe을 삽입합니다.
    var targetDiv = document.getElementById(divId);
    if(targetDiv) {
        targetDiv.appendChild(iframe);
    } else {
        console.error('지정된 div를 찾을 수 없습니다.');
    }


})();