/*
 *  K-homepage theme
 *  Copyright (c) 2023 K-homepage
 *  https://k-homepage.com/
 */


// 페이지 이동
function go_page(url) {
	document.location.href = decodeURIComponent(url);
	return false;
}

// 검색창
function tsearch_submit(f) {

	if (f.stx.value.length < 2) {
		alert("검색어는 두글자 이상 입력하십시오.");
		f.stx.select();
		f.stx.focus();
		return false;
	}

	f.action = f.url.value;

	return true;
}

// a태그에 해쉬태그 클릭시 스크롤
function hash_scroll(btns) {
	let window_h = window.innerHeight;
	let document_h = document.documentElement.offsetHeight;

	btns.forEach( function(btn) {
		if(btn.hash) {
			btn.addEventListener('click', function(e) {
				let id = this.hash.replace('#', '');
				let ele = document.getElementById(id);
                let scrollTop = window.scrollY;

				if(ele) {
					let eTop = parseInt(window.scrollY + ele.getBoundingClientRect().top);
                    let amount = 55;
                    let remain = parseInt(eTop%amount);

					e.preventDefault();
					let scrollInterval = setInterval(function() {
						scrollTop =  window.scrollY;
						let scrollBottom = scrollTop + window_h;

						if(scrollTop == eTop || document_h - amount <= scrollBottom) {
							clearInterval(scrollInterval);
						} else {
							if(scrollTop > eTop) {
                                if(scrollTop > eTop + amount) {
                                    window.scrollBy(0, -amount);
                                } else {
                                    window.scrollBy(0, -remain);
                                }
                            } else if(scrollTop < eTop) {
                                if(scrollTop < eTop - amount) {
                                    window.scrollBy(0, +amount);
                                } else {
                                    window.scrollBy(0, +remain);
                                }
                            }
						}
					}, 15);
				}
			});
		}
	});
}

// 메뉴 링크에 #태그 있을 경우 메뉴 on
function url_hash_menu_on() {
    const $btns = document.querySelectorAll('#menu .sub-a, #sub-menu .sub-a, #m-menu .depth2-a');

    let hash = window.location.hash;

    if(hash){

        $btns.forEach(function(e) {
            let on = e.closest('.on');
            let url = e.getAttribute('href');

            if(on == e) {
                e.dataset.real = 'myself';
            } else if(on != e && on == e.parentElement) {
                e.dataset.real = 'parent';
            } else {
                e.dataset.real = '';
            }

            if(url.includes('#')) {
                if(url.includes(hash)) {
                    on.classList.add('on');
                } else {
                    on.classList.remove('on');
                }

                e.addEventListener('click', function() {
                    for(var i=0; i<$btns.length; i++) {
                        if(url == $btns[i].getAttribute('href')) {
                            if($btns[i].dataset.real == 'myself') {
                                $btns[i].classList.add('on');
                            } else if($btns[i].dataset.real == 'parent') {
                                $btns[i].parentElement.classList.add('on');
                            }
                        } else {
                            if($btns[i].dataset.real == 'myself') {
                                $btns[i].classList.remove('on');
                            } else if($btns[i].dataset.real == 'parent') {
                                $btns[i].parentElement.classList.remove('on');
                            }
                        }
                    }
                });
            }
        });
    }

}

// 오늘하루 창닫기
function day_pop_closed(e) {
    var cookieid = e.closest('.modal').getAttribute('id');
    Cookies.set('No-'+cookieid, '1', { expires: 1 });
    setTimeout(function () {
        $(e).parents('#' + cookieid).modal('hide');
    }, 200);
    return false;
}


// 개인정보처리방침 등 팝업 버튼
function site_info_btn(btns) {

    const $body = document.querySelector('body');
    let $bottom, footer, agree, in_btns = '';

    if(!btns) { //버튼 지정안하면 푸터버튼 작동
        in_btns = false;
        $bottom = document.getElementById('bottom');
        footer = $bottom.querySelector('.footer');
        btns = footer.querySelectorAll('.site-link button');
        btns.forEach( function(btn) {
            btns_click(btn);
        });
    } else {
        in_btns = true;
        agree = '<div class="btns">';
        agree += '<button type="button" class="btn-cancel" data-dismiss="modal">취소</button>';
        agree += '<button type="button" class="btn-ok" data-dismiss="modal">동의</button>';
        agree += '</div>';
        btns_click(btns);
    }

    let site_modal = document.getElementById('modal-siteinfo');
    let site_modal_h = site_modal.querySelector('.head');
    let site_modal_d = site_modal.querySelector('.desc');

    function btns_click(e) {
        e.addEventListener('click', function() {
            let head = '';
            let desc = this.dataset.desc;
            let agree_id = this.dataset.agree;

            if(desc == 'privacy') head = '개인정보처리방침';
            if(desc == 'provision') head = '이용약관';
            if(desc == 'noemail') head = '이메일무단수집거부';

            scroll_impossible($body);

            site_modal_h.innerText = head;
            site_modal_d.innerHTML = site_info_con(desc);
			if(site_modal_d.querySelector('header.header')) {
				site_modal_d.querySelector('header.header').remove();
			}

            if(site_modal.querySelector('.btns')){
                site_modal.querySelector(".btns").remove();
            }

            if(in_btns == true) {
                site_modal_d.insertAdjacentHTML("afterend", agree);
                if(agree_id) {
                    site_modal.querySelector('.btn-ok').addEventListener('click', function() {
                        document.getElementById(agree_id).checked = true;
                    });
                    site_modal.querySelector('.btn-cancel').addEventListener('click', function() {
                        document.getElementById(agree_id).checked = false;
                    });
                }
            }

        });
    }

    site_modal.addEventListener('click', function() {
        if(!$body.classList.contains('modal-open')) {
            scroll_possible($body);
        }
    });
}

// 개인정보처리방침 등 팝업 내용 불러오기
function site_info_con(el) {
    var url = "../bbs/content.php?co_id="+el;
    var content = "";
    $.ajax({
        type:"get",
        url:url,
        dataType:"html",
        async :false,
        success: function(html){
            content = html.split('<div class="page-content">');
            content = content[1].split('<!-- .c -->');
        }
    });

    return content[0];
}

// 드래그 금지
function scroll_impossible(el) {
    el.addEventListener('scroll touchmove mousewheel', function(e) {
        e.preventDefault();
        e.stopPropagation();
        return false;
    });
}

// 드래그 가능
function scroll_possible(el) {
    el.removeEventListener('scroll touchmove mousewheel');
}

// 숫자롤링
function count_rolling(e) {

    $(e).each(function() {
        var $this = $(this);

        var countFrom = $this.attr('data-from');
        var countTo = $this.attr('data-count');
        var comma_no = $this.attr('data-nocomma');
        var speed = Math.floor($this.attr('data-duration'));
        var delay = Math.floor($this.attr('data-delay'));
        var isComma = /^[0-9]+\.?[0-9]+$/;
        var num = '';

        $({ val: countFrom }).delay(delay).animate({ val: countTo }, {
            duration: speed,
            easing:'linear',
            step: function() {
                if(isComma.test(countFrom)) {
                    num = numberCommas(parseFloat(this.val).toFixed(1));
                } else {
                    num = numberCommas(Math.floor(this.val));
                }
                $this.text(num);
            },
            complete: function() {
                if (Number.isInteger(this.val)){
                    num = numberCommas(Math.floor(this.val));
                } else {
                    num = numberCommas(this.val.toFixed(1));
                }
                $this.text(num);
            }
        });

        function numberCommas(x) {
            if(comma_no != '1') {
                return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            } else {
                return x;
            }
        }
    });

}

// 서브페이지 서브메뉴까지 자동 스크롤
function subpage_scroll(e) {
    if(!e) return;

    const $body = document.querySelector('body');
    const $subpg = document.querySelector('.is-subpage');
    let scrollTop = window.scrollY;
    let eTop = parseInt(window.scrollY + e.getBoundingClientRect().top);
    let amount = 15;
    let remain = parseInt(eTop%amount);

    setTimeout(function () {
        if($subpg && scrollTop < eTop && !$body.classList.contains('no_scroll')) {
            let scrollInterval = setInterval(function() {
                scrollTop = window.scrollY;
                if(scrollTop < eTop){
                    if(scrollTop < eTop + amount) {
                        window.scrollBy(0, +amount);
                    } else {
                        window.scrollBy(0, +remain);
                    }
                } else {
                    clearInterval(scrollInterval);
                }
            }, 10);

        }
    }, 300);
}

// 풀페이지
function fullpage_act(page, $anchors, $nav, $nav_position, $speed, $scrollBar=false, $effect=false) {

    if(!$speed) $speed = 1000;

    var isAutoHeightMode = false;
    var $header = $(page).find('.section .header');
	var $body = $('body');


    $body.addClass('fullpage');

    if($effect == true) {
		function class_add() {
			if ($(window).width() > 1024 && $(window).height() > 800) {
				$(page).addClass('fullpage-effect');
			} else {
				$(page).removeClass('fullpage-effect');
			}
		}
		class_add();
		$(window).on('resize', function() {
			class_add();
		});
	}

    $header.each(function() {
        var $header_obj = $(this).children();
        $header_obj.each(function(i, e) {
            if(!$(e).data('ani-name')) {
                $(e).data('ani-name', 'fadeInUp');
            }
            $(e).css({'animation-delay':i*250+'ms'}).addClass('animated').addClass( $(e).data('ani-name') );
        });
    });


    $(page).fullpage({
        autoScrolling: true,
        css3: true,
        scrollingSpeed: $speed,
        anchors: $anchors,
        verticalCentered: false,
        scrollBar: $scrollBar,
        fitToSection: false,
        navigation: true,
        navigationPosition: $nav_position,
        navigationTooltips: $nav,
        bigSectionsDestination: 'top',
        slidesNavigation: false,
        slidesNavPosition: 'top',
        controlArrows: false,
        responsiveWidth: 1024,
        responsiveHeight: 800,
        responsiveSlides: true,
        onLeave: function(index, nextIndex) {
            var $sections = $(page + ' .section');
            var $next = $sections.eq(nextIndex - 1);
            var $header = $next.find('.header');
			var $numbering = $next.find('.count-num');

            if (!isAutoHeightMode) {
                $header.each(function() {
                    var $header_obj = $(this).children();

                    $header_obj.each(function(i, e) {
                        if(!$(e).data('ani-name')) {
                            $(e).data('ani-name', 'fadeInUp');
                        }

                        $(e).css({'visibility':'hidden', 'animation-delay':''}).removeClass('animated').removeClass( $(e).data('ani-name') );
                        setTimeout(function () {
                            $(e).css({'visibility':'visible', 'animation-delay':i*250+'ms'}).addClass('animated').addClass( $(e).data('ani-name') );
                        }, 1000);
                    });
                });

				if($(page).hasClass('fullpage-effect')) {
					$next.prevAll().css({'top':'-50%'});
					$next.nextAll().css({'top':'100%'});
					$next.css({'top':'0'});
					$('#top').removeClass('bg');
					if($next.attr('id') == 'bottom') {
						var h = Math.ceil($next.innerHeight());
						$next.css({'top':'calc(100vh - '+h+'px)'});
						$('#top').addClass('bg');
					}
					if($next.hasClass('top-white')) {
						$('#top').addClass('bg');
					}
				}
            }

            if($next.hasClass('white-')) {
                $body.addClass('no-bg');
            } else {
                $body.removeClass('no-bg');
            }

			if($numbering) count_rolling($numbering);

			if(nextIndex != '1') {
                $body.addClass('scrolled').removeClass('not-scrolled');
            } else {
                $body.removeClass('scrolled').addClass('not-scrolled');
            }

        },
        afterRender: function() {
            $(page + ' .section').css({'visibility':'visible', 'top':''});
        }
    });

    var sec_objs = $(page).find('.section');
    function section_option() {

        sec_objs.each(function() {
            var $this = $(this);

            if ($(window).width() <= 1024 || $(window).height() <= 800) {
                $this.addClass('fp-auto-height');
                isAutoHeightMode = true;
            } else {
                $this.removeClass('fp-auto-height');
                isAutoHeightMode = false;
            }

            if($this.attr('id') == 'bottom') {
                $this.addClass('fp-auto-height');
            }

        });
    }
    $(window).on('resize', function() {
        section_option();
    });
    section_option();


	if (isAutoHeightMode) {
		$.fn.fullpage.moveTo(1, 0);
		$('html, body').animate({ scrollTop: '0px' }, 0);
	} else {
		if(window.location.hash) {
			var url = window.location.pathname + window.location.search;

			history.scrollRestoration = "manual";
			history.pushState("", "", url);
			$.fn.fullpage.moveTo(1, 0);
		}
	}


	if($(page).hasClass('fullpage-effect')) {
        $('.go-top').click(function() {
            $.fn.fullpage.moveTo(1, 0);
        });
    }

}

// 주소찾기 팝업창 닫기
function closeDaumPostcode(e) {
    // iframe을 넣은 element를 안보이게 한다.
    e.style.display = 'none';
}

// 주소찾기 팝업창 열기
function execDaumPostcode(e) {
    new daum.Postcode({
        oncomplete: function(data) {
            // 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분.

            // 각 주소의 노출 규칙에 따라 주소를 조합한다.
            // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다.
            var addr = data.address; // 주소 변수
            var extraAddr = ''; // 참고항목 변수

            //사용자가 선택한 주소 타입에 따라 해당 주소 값을 가져온다.
            if (data.userSelectedType === 'R') { // 사용자가 도로명 주소를 선택했을 경우
                addr = data.roadAddress;
            } else { // 사용자가 지번 주소를 선택했을 경우(J)
                addr = data.jibunAddress;
            }

            // 법정동명이 있을 경우 추가한다. (법정리는 제외)
            // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
            if(data.bname !== '' && /[동|로|가]$/g.test(data.bname)){
                extraAddr += data.bname;
            }
            // 건물명이 있고, 공동주택일 경우 추가한다.
            if(data.buildingName !== '' && data.apartment === 'Y'){
                extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName);
            }
            // 표시할 참고항목이 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
            if(extraAddr !== ''){
                extraAddr = ' (' + extraAddr + ')';
            }

            // 우편번호와 주소 정보를 해당 필드에 넣는다.
            document.getElementById('w_zipcode').value = data.zonecode;
            document.getElementById("w_address1").value = addr;

            // 커서를 상세주소 필드로 이동한다.
            document.getElementById("w_address2").focus();

            // iframe을 넣은 element를 안보이게 한다.
            // (autoClose:false 기능을 이용한다면, 아래 코드를 제거해야 화면에서 사라지지 않는다.)
            e.style.display = 'none';
        },
        width : '100%',
        height : '100%'
    }).embed(e);

    // iframe을 넣은 element를 보이게 한다.
    e.style.display = 'block';
}


// ScrollReveal
window.sr = ScrollReveal({
	reset: false,
	distance: '100px',
	easing: 'ease',
	viewFactor: 0.3
});



window.addEventListener('DOMContentLoaded', function() {

	// Index Page
	sr.reveal('#main-slide1', { delay: 0 });

	sr.reveal('.pg-main .reveal', { reset: true });
	sr.reveal('.pg-main .reveal-once', { reset: false });

	// Sub Pages
	sr.reveal('.page-content .reveal', { reset: true });
	sr.reveal('.page-content .reveal-once', { reset: false });



    const $body = document.querySelector('body');
    const $top = document.getElementById('top');
    const $bottom = document.getElementById('bottom');
	const $page = document.getElementById('page');
    let $page_class = $page.classList.value;


    // Effect
	setTimeout(function() {
		$body.classList.add('load-on');
		site_info_btn();
	}, 200);


	// Favorite
    $('#favorite').on('click', function(e) {
        var bookmarkURL = window.location.href;
        var bookmarkTitle = document.title;
        var triggerDefault = false;

        if (window.sidebar && window.sidebar.addPanel) {
            // Firefox version < 23
            window.sidebar.addPanel(bookmarkTitle, bookmarkURL, '');
        } else if ((window.sidebar && (navigator.userAgent.toLowerCase().indexOf('firefox') > -1)) || (window.opera && window.print)) {
            // Firefox version >= 23 and Opera Hotlist
            var $this = $(this);
            $this.attr('href', bookmarkURL);
            $this.attr('title', bookmarkTitle);
            $this.attr('rel', 'sidebar');
            $this.off(e);
            triggerDefault = true;
        } else if (window.external && ('AddFavorite' in window.external)) {
            // IE Favorite
            window.external.AddFavorite(bookmarkURL, bookmarkTitle);
        } else {
            // WebKit - Safari/Chrome
            alert((navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Cmd' : 'Ctrl') + '+D 키를 눌러 즐겨찾기에 등록하실 수 있습니다.');
        }

        return triggerDefault;
    });


	// Main mouse scroll
	const mainScrollDown = document.getElementById('main-mouse-scroll');

	if(mainScrollDown) {
		mainScrollDown.addEventListener('click', function(e) {
			if($body.classList.contains('fullpage')) {
				$.fn.fullpage.moveSectionDown();
			} else {
				let window_h = window.innerHeight;
				window.addEventListener('resize', function() {
					window_h = window.innerHeight;
				});

				e.preventDefault();
				let scrollInterval = setInterval(function() {
					let scrollTop =  window.scrollY;
					let num = window_h - scrollTop;

					if(scrollTop >= window_h) {
						clearInterval(scrollInterval);
					} else {
						if(scrollTop <= window_h - 55){
							window.scrollBy(0, +55);
						} else {
							window.scrollBy(0, +num);
						}
					}
				}, 15);
			}
		});
	}



    // Family Site
    const family_site = document.querySelectorAll('.family-box');

    family_site.forEach(function(e) {
        let btn = e.querySelector('.family-btn');
        let parent = btn.parentElement;
        btn.addEventListener("click", function() {
            parent.classList.toggle('on');
        });
    });



	// Tooltip
	$('body').tooltip({
		selector: "[data-toggle='tooltip']",
		items: ""
    });



	// Go button
	const goTop = document.querySelectorAll(".at-go .go-top");

	goTop.forEach(function(go) {
		go.addEventListener("click", function(e) {
			e.preventDefault();
			let scrollInterval = setInterval(function() {
				let scrollTop =  window.scrollY;

				if(scrollTop > 0){
					window.scrollBy(0, -55);
				} else {
					clearInterval(scrollInterval);
				}
			}, 15);
		});
	});


	// Scroll add Class
    let scrollTop = window.scrollY;
    let document_h = document.documentElement.offsetHeight;
    let window_h = window.innerHeight;
    let scrollBottom = scrollTop + window_h;
    let lastScroll = 0;
    let scrolling;

    function scroll_class() {
        // 스크롤 최상단보다 아래
        if (scrollTop > 0) {
            $body.classList.add('scrolled');
        } else {
            $body.classList.remove('scrolled');
        }

        // 스크롤 최하단보다 약간 위
		if (scrollTop >= document_h - window_h - 150) {
			$body.classList.add('scroll-bt-up');
		} else	{
			$body.classList.remove('scroll-bt-up');
		}

        // 스크롤 최하단
		if (document_h == scrollBottom) {
			$body.classList.add('scroll-bt');
		} else {
			$body.classList.remove('scroll-bt');
		}
    }
    scroll_class();

    window.addEventListener("scroll", function() {
        scrollTop = window.scrollY;
		scrollBottom = scrollTop + window_h;

        scroll_class();

        // 스크롤 올릴때
        if(scrollTop <= lastScroll) {
            $body.classList.add('scroll-up');
        } else {
            $body.classList.remove('scroll-up');
        }
        if(scrollTop == 0) $body.classList.remove('scroll-up');
        lastScroll = scrollTop;

        // 스크롤중일때
        $body.classList.add('scroll-ing');
        clearTimeout(scrolling);
        scrolling = setTimeout(function() {
            scrolling = undefined;
            if(scrolling == undefined) {
                $body.classList.remove('scroll-ing');
            }
        }, 500);
	});


    // Tab
	const tabBtn = document.querySelectorAll(".tab-btn");

	tabBtn.forEach(function(tab) {
		const btns = tab.children;
		const parent = tab.parentElement;
		const tabCon = parent.querySelector('.tab-con');
        const scrs = tabCon.querySelectorAll('.scr-el, .scr-el-one, .scrs');
		const cons = tabCon.children;

		let hash = window.location.hash;
        let delay;

        scrs.forEach(function(el) {
            setTimeout(function() {
                if(el.classList.contains('scrs')) {
                    let scrDelay = el.querySelectorAll('.scr-delay');
                    scrDelay.forEach(function(d) {
                        delay = d.style.transitionDelay;
                        d.dataset.delay = delay;
                    });
                } else {
                    delay = el.style.transitionDelay;
                    el.dataset.delay = delay;
                }
            }, 200);
        });


		for(let i=0; i<btns.length; i++) {
			let url = btns[i].getAttribute('href');

			if(hash && url && url.includes('#')) {
				if(hash == url) {
					btns[i].classList.add('on');
					cons[i].classList.add('on');
				} else {
					btns[i].classList.remove('on');
					cons[i].classList.remove('on');
				}
			} else {
				btns[0].classList.add('on');
				cons[0].classList.add('on');
			}

			btns[i].addEventListener("click", function(e) {
				let arr = [...e.target.parentElement.children];
				let index = arr.indexOf(e.target);

				e.target.classList.add('on');
				cons[index].classList.add('on');

				for(j=0; j<btns.length; j++) {
					if(j != index && cons[j]) {
						btns[j].classList.remove('on');
						cons[j].classList.remove('on');
					}
				}

				tab_scrs();
			});

            tab_scrs();
		}

		function tab_scrs() {

            let scrollTop = window.scrollY;
            let window_h = window.innerHeight;

            scrs.forEach(function(el) {
                let etop = window.scrollY + el.getBoundingClientRect().top;

                if(el.classList.contains('active')) {
                    el.classList.remove('active');

                    if(el.classList.contains('scrs')) {
                        let scrDelay = el.querySelectorAll('.scr-delay');
                        scrDelay.forEach(function(d) {
                            etop = window.scrollY + d.getBoundingClientRect().top;
                            tab_transition(d, etop);
                        });
                    } else {
                        tab_transition(el, etop);
                    }
                }


                if(el.closest('.on')) {
                    setTimeout(function() {
                        if(etop <= window_h + scrollTop) {
                            el.classList.add('active');
                        }
                    }, 200);
                }

            });

            function tab_transition(e, t) {
                setTimeout(function() {
                    let delay = e.dataset.delay;
                    let scrollInterval = setInterval(function() {

                        if(e.style.transitionDuration != ''){
                            e.style.transitionDuration = '';
                            if(t <= window_h + scrollTop) {
                                e.style.transitionDelay = delay;
                            } else {
                                e.style.transitionDelay = '';
                            }
                        } else {
                            clearInterval(scrollInterval);
                        }

                    }, 50);
                }, 200);
            }

		}

	});



    ////////////////////////////////// main //////////////////////////////////
	// Popup
	$('.hd_pops').draggable().css({"cursor":"move"});
    $('.modal[id*="-popup"]').draggable();
    $('.modal[id*="-popup"]').find('.closed').css({"cursor":"move"});

	$('.hd_pops').each(function(index){
		$(this).addClass('pop_fadein').css({"animation-delay":(index+1) * 600 + "ms"});
	});


	if($('.hd_pops').length > 0) {
		$('#hd_pop').show();
		$('.hd_pops').click(function(){
			$(this).each(function(){
				if($(this).is(':visible') != true && $('.hd_pops').not($(this)).is(':visible') != true) {
					$('#hd_pop').hide();
				}
			});
		});
	}

	var $grid = $('#hd_pop').imagesLoaded( function() {
		$grid.masonry({
			itemSelector: '.hd_pops',
			gutter: 10,
			horizontalOrder: true,
			stagger: 500,
			columnWidth: 1,
		});
	});


    if($page_class.includes('pg-main')) {
        const pop_objs = document.querySelectorAll('#center-popup, #right-popup');
        pop_objs.forEach(function(e) {
            const thisid = e.getAttribute('id');
            const slides = e.querySelectorAll('.swiper-slide');
            let $autoH = false;

            if (Cookies.get('No-'+thisid) === '1') return;

            if(thisid.includes('center') == false) {
                $(e).modal({
                    backdrop: false
                });
            } else {
                $body.style.overflow = 'visible';
            }

            if(thisid == 'center-popup') {
                $autoH = true;
            }

            let opts = {};
            if ( slides.length > 1 ) {
                opts = {
                    loop: true,
                    speed:2000,
                    autoplay: {
                        delay: 3000,
                        disableOnInteraction: true
                    },
                    pagination: {
                        el: '#'+thisid+' .pg',
                        clickable: true
                    },
                    navigation: {
                        prevEl: '#'+thisid+' .prev',
                        nextEl: '#'+thisid+' .next'
                    },
                    autoHeight: $autoH,
                }
            } else {
                opts = {
                    allowTouchMove: false,
                }
            }

            let SW;
            setTimeout(function () {
                $(e).modal('show');
                SW = new Swiper('#'+thisid+' .swiper', opts);
            }, 200);

			let rid = getRandomID();
			window.addEventListener('resize', function() {
				waitForFinalEvent(function () {
					SW.update();
				}, 1000, rid);
			});

            slides.forEach(function(slide) {
                let href = slide.dataset.href;
                let self = slide.dataset.self;

                target = '_self';
                if(self == '2')  {
                    target = '_blank';
                }

                if(href) {
                    if((!href.includes('https://') || !href.includes('http://')) && href != '#') {
                        href = 'https://' + href;
                    }
                    slide.insertAdjacentHTML('afterbegin', '<a href="'+href+'" target="'+target+'"></a>');
                }
            });
        });

        setTimeout(function () {
            const modalBack = document.querySelector('.modal-backdrop');
            if(modalBack) {
                modalBack.addEventListener('click', function() {
                    $(e).modal('hide');
                });
            }
        }, 300);

        $('.modal').on('hidden.bs.modal', function () {
            $(this).find('iframe').attr('src', '');
        });
    }
    ////////////////////////////////// main //////////////////////////////////


	////////////////////////////////// board //////////////////////////////////
	if($page_class.includes('board-')) {
		const $board = document.querySelectorAll('#bo_list, #bo_w, #bo_v');
        const ca_name = document.getElementById('ca_name');

		$board.forEach( function(e) {
            // Editor
			if(e) {
				e.closest('.content-body').classList.add('ck-content');
			}

            // Write
            if(e.id == 'bo_w' && ca_name) {
                if(ca_name.lastElementChild.value == '공지') {
                    ca_name.lastElementChild.remove();
                }
            }
		});
	}
	////////////////////////////////// board //////////////////////////////////
});