// ³×ºñ°ÔÀÌ¼Ç ¹Ù 
function navigo() {
    const header = document.querySelector('header'); //Çì´õºÎºÐȹµæ
    const headerheight = header.clientHeight; //Çì´õ³ôÀÌ
    document.addEventListener('scroll', onScroll, {
        passive: true
    }); //½ºÅ©·Ñ À̺¥Æ®
    function onScroll() {
        const scrollposition = pageYOffset; //½ºÅ©·Ñ À§Ä¡
        const nav = document.querySelector('header'); //³×ºñ°ÔÀ̼Ç
        if (headerheight <= scrollposition) { //¸¸¾à Çì´õ³ôÀÌ<=½ºÅ©·ÑÀ§Ä¡¶ó¸é
            nav.classList.add('fix') //fixŬ·¡½º¸¦ ³×ºñ¿¡ Ãß°¡
        } else { //±× ¿ÜÀÇ °æ¿ì
            nav.classList.remove('fix'); //fixŬ·¡½º¸¦ ³×ºñ¿¡¼­ Á¦°Å
        }
    }
}
navigo()


// ¸ð¹ÙÀÏ ½½¶óÀÌµå ¸Þ´º Åä±Û
var giMenuDuration = 300;
$(function () { // Åä±Û¹öÆ° ÇÔ¼ö
    $(".menu-toggle-btn").click(function () { // ¹öưŬ¸¯ 
        if ($('.main_menu_mo').is(':visible') == false) {
            $(".main_menu_mo").css({
                'display': 'block'
            }); //¸ð¹ÙÀÏ ¸Þ
            $(".main_menu_mo").css({
                'right': '-100%'
            });
            $(".main_menu_mo").animate({
                right: '0px'
            });


        } else {
            $(".main_menu_mo").animate({
                right: '-100%'
            }, {
                duration: giMenuDuration,
                complete: function () {
                    $(".main_menu_mo").css({
                        'display': 'none'
                    });
                }
            });
        }
    });
});


// µå·Ó´Ù¿î ¸Þ´ºÅä±Û


$(document).ready(function () {
    $("nav ul.sub_menu_mo").hide();
    $("nav ul.main_menu_mo li").click(function () {
        $("ul", this).slideToggle("fast");
    });
});







// ¿¬Çõ ½º¿ÍÆÛ ½½¶óÀ̵å
var swiper = new Swiper(".date_Swiper", {


    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
    },
    loop: true,
    autoplay: {
        delay: 3500,
        disableOnInteraction: false,
    },


    grabCursor: true,
    centeredSlides: true,
    slidesPerView: "3",


    pagination: {
        el: ".swiper-pagination",
        clickable: true,
    },


});


// ¿¬Çõ ½º¿ÍÆÛ ½½¶óÀ̵å
var swiper = new Swiper(".mo_date_Swiper", {


    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
    },
    loop: true,
    autoplay: {
        delay: 3500,
        disableOnInteraction: false,
    },


    grabCursor: true,
    centeredSlides: true,
    slidesPerView: "1",


    pagination: {
        el: ".swiper-pagination",
        clickable: true,
    },
});



// ==============================½ºÅ©·Ñ==ºÎµå·´°Ô================================================



jQuery(document).ready(function ($) {


    $(".sidemenu_ul li a").click(function (event) {


        event.preventDefault();


        $('html,body').animate({
            scrollTop: $(this.hash).offset().top
        }, 600);


    });


});


$('.grid li').addClass('animated zoomIn delay-0.5s fast');




$(function () { // ȨÆäÀÌÁö ºê·£µå ºí·Î±× À̹ÌÁö Åä±Û
    $(".item_btn1 a").click(function () { // ¹öưŬ¸¯ 
        $(".grid li").css({
            'display': 'block'
        });


    });
});


$(function () { // Åä±Û¹öÆ° ÇÔ¼ö
    $(".item_btn2 a").click(function () { // ¹öưŬ¸¯ 
        $(".grid li").css({
            'display': 'none'
        }); //¸ð¹ÙÀÏ ¸Þ
        $(".one").css({
            'display': 'block'
        });
        $("#more_btn_div").css({
            'display': 'block'
        });
    });
});
$(function () { // Åä±Û¹öÆ° ÇÔ¼ö
    $(".item_btn3 a").click(function () { // ¹öưŬ¸¯ 
        $(".grid li").css({
            'display': 'none'
        }); //¸ð¹ÙÀÏ ¸Þ
        $(".two").css({
            'display': 'block'
        });
        $("#more_btn_div").css({
            'display': 'none'
        });
    });
});
$(function () { // Åä±Û¹öÆ° ÇÔ¼ö
    $(".item_btn4 a").click(function () { // ¹öưŬ¸¯ 
        $(".grid li").css({
            'display': 'none'
        }); //¸ð¹ÙÀÏ ¸Þ
        $(".three").css({
            'display': 'block'
        });
        $("#more_btn_div").css({
            'display': 'none'
        });
    });
});
$(function () { // Åä±Û¹öÆ° ÇÔ¼ö
    $(".item_btn5 a").click(function () { // ¹öưŬ¸¯ 
        $(".grid li").css({
            'display': 'none'
        }); //¸ð¹ÙÀÏ ¸Þ
        $(".four").css({
            'display': 'block'
        });
    });
});
$(function () { // Åä±Û¹öÆ° ÇÔ¼ö
    $(".item_btn6 a").click(function () { // ¹öưŬ¸¯ 
        $(".grid li").css({
            'display': 'none'
        }); //¸ð¹ÙÀÏ ¸Þ
        $(".five").css({
            'display': 'block'
        });
    });
});
$(function () { // Åä±Û¹öÆ° ÇÔ¼ö
    $(".item_btn7 a").click(function () { // ¹öưŬ¸¯ 
        $(".grid li").css({
            'display': 'none'
        }); //¸ð¹ÙÀÏ ¸Þ
        $(".six").css({
            'display': 'block'
        });
    });
});
$(function () { // Åä±Û¹öÆ° ÇÔ¼ö
    $(".item_btn8 a").click(function () { // ¹öưŬ¸¯ 
        $(".grid li").css({
            'display': 'none'
        }); //¸ð¹ÙÀÏ ¸Þ
        $(".seven").css({
            'display': 'block'
        });
    });
});



// ÅÇ ±â´É 


$(document).ready(function () {



    $grid_selectors = $('.grid-filter > li > a');
    $grid_selectors.on('click', function () {
        $grid_selectors.parent().removeClass('active');
        $(this).parent().addClass('active');





        var selector = $(this).attr('data-filter');


        return false;
    });
});



$(document).ready(function () {
    $("#click_1").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img1").css({
            'display': 'block'
        });
    });


    $("#click_2").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img2").css({
            'display': 'block'
        });
    });


    $("#click_3").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img3").css({
            'display': 'block'
        });
    });


    $("#click_4").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img4").css({
            'display': 'block'
        });
    });


    $("#click_5").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img5").css({
            'display': 'block'
        });
    });
});



// Ŭ¸¯ ¸ð´Þ Æ˾÷
$(document).on("click", ".box1", function () {
    $("#s1").addClass('act');
});
$(document).on("click", ".box2", function () {
    $("#s2").addClass('act');
});


$(document).on("click", ".box3", function () {
    $("#s3").addClass('act');
});


$(document).on("click", ".box4", function () {
    $("#s4").addClass('act');


});


$(document).on("click", ".box5", function () {
    $("#s5").addClass('act');
});
$(document).on("click", ".box6", function () {
    $("#s6").addClass('act');


});
$(document).on("click", ".box7", function () {
    $("#s7").addClass('act');
});
$(document).on("click", ".box8", function () {
    $("#s8").addClass('act');
});
$(document).on("click", ".box9", function () {
    $("#s9").addClass('act');
});
$(document).on("click", ".box10", function () {
    $("#s10").addClass('act');
});
$(document).on("click", ".box11", function () {
    $("#s11").addClass('act');
});
$(document).on("click", ".box12", function () {
    $("#s12").addClass('act');
});
$(document).on("click", ".box13", function () {
    $("#s13").addClass('act');
});
$(document).on("click", ".box14", function () {
    $("#s14").addClass('act');
});
$(document).on("click", ".box15", function () {
    $("#s15").addClass('act');
});
$(document).on("click", ".box16", function () {
    $("#s16").addClass('act');
});
$(document).on("click", ".box17", function () {
    $("#s17").addClass('act');
});
$(document).on("click", ".box18", function () {
    $("#s18").addClass('act');
});


$(document).on("click", ".box19", function () {
    $("#s19").addClass('act');
});




$(document).on("click", ".box20", function () {
    $("#s20").addClass('act');



});


$(document).on("click", ".box21", function () {
    $("#s21").addClass('act');



});


$(document).on("click", ".box21_22", function () {
    $("#s21_22").addClass('act');



});


$(document).on("click", ".box22", function () {
    $("#s22").addClass('act');



});


$(document).on("click", ".box23", function () {
    $("#s23").addClass('act');



});


$(document).on("click", ".box24", function () {
    $("#s24").addClass('act');



});


$(document).on("click", ".box25", function () {
    $("#s25").addClass('act');



});


$(document).on("click", ".box26", function () {
    $("#s26").addClass('act');



});


$(document).on("click", ".box27", function () {
    $("#s27").addClass('act');



});


$(document).on("click", ".box28", function () {
    $("#s28").addClass('act');



});


$(document).on("click", ".box29", function () {
    $("#s29").addClass('act');



});


$(document).on("click", ".box30", function () {
    $("#s30").addClass('act');



});


$(document).on("click", ".box31", function () {
    $("#s31").addClass('act');



});


$(document).on("click", ".box32", function () {
    $("#s32").addClass('act');



});


$(document).on("click", ".box33", function () {
    $("#s33").addClass('act');



});


$(document).on("click", ".box34", function () {
    $("#s34").addClass('act');



});


$(document).on("click", ".box35", function () {
    $("#s35").addClass('act');



});


$(document).on("click", ".box36", function () {
    $("#s36").addClass('act');



});


$(document).on("click", ".box37", function () {
    $("#s37").addClass('act');



});


$(document).on("click", ".box38", function () {
    $("#s38").addClass('act');



});


$(document).on("click", ".box39", function () {
    $("#s39").addClass('act');



});


$(document).on("click", ".box40", function () {
    $("#s40").addClass('act');



});


$(document).on("click", ".box41", function () {
    $("#s41").addClass('act');



});



$(document).on("click", ".box42", function () {
    $("#s42").addClass('act');
});



$(document).on("click", ".box43", function () {
    $("#s43").addClass('act');



});


$(document).on("click", ".box44", function () {
    $("#s44").addClass('act');



});
$(document).on("click", ".box45", function () {
    $("#s45").addClass('act');
});




$(document).on("click", ".box45", function () {
    $("#s45").addClass('act');



});


$(document).on("click", ".box46", function () {
    $("#s46").addClass('act');



});


$(document).on("click", ".box47", function () {
    $("#s47").addClass('act');



});


$(document).on("click", ".box48", function () {
    $("#s48").addClass('act');



});


$(document).on("click", ".box49", function () {
    $("#s49").addClass('act');



});


$(document).on("click", ".box50", function () {
    $("#s50").addClass('act');



});


$(document).on("click", ".box51", function () {
    $("#s51").addClass('act');



});


$(document).on("click", ".box52", function () {
    $("#s52").addClass('act');



});


$(document).on("click", ".box53", function () {
    $("#s53").addClass('act');



});


$(document).on("click", ".box54", function () {
    $("#s54").addClass('act');



});


$(document).on("click", ".box55", function () {
    $("#s55").addClass('act');



});


$(document).on("click", ".box56", function () {
    $("#s56").addClass('act');



});


$(document).on("click", ".box57", function () {
    $("#s57").addClass('act');



});


$(document).on("click", ".box58", function () {
    $("#s58").addClass('act');



});


$(document).on("click", ".box59", function () {
    $("#s59").addClass('act');



});
// »õ·Î Ãß°¡µÇ´Â Ä«µå´º½º
$(document).on("click", ".box60", function () {
    $("#s60").addClass('act');


});
// »õ·Î Ãß°¡µÇ´Â Ä«µå´º½º
$(document).on("click", ".box61", function () {
    $("#s61").addClass('act');


});
$(document).on("click", ".box62", function () {
    $("#s62").addClass('act');


});
$(document).on("click", ".box63", function () {
    $("#s63").addClass('act');


});


$(document).on("click", ".box64", function () {
    $("#s64").addClass('act');


});
$(document).on("click", ".box65", function () {
    $("#s65").addClass('act');


});
$(document).on("click", ".box66", function () {
    $("#s66").addClass('act');


});
$(document).on("click", ".box67", function () {
    $("#s67").addClass('act');


});
$(document).on("click", ".box68", function () {
    $("#s68").addClass('act');


});
$(document).on("click", ".box69", function () {
    $("#s69").addClass('act');


});
$(document).on("click", ".box70", function () {
    $("#s70").addClass('act');


});
$(document).on("click", ".box71", function () {
    $("#s71").addClass('act');


});
$(document).on("click", ".box72", function () {
    $("#s72").addClass('act');


});

















// ¸ð´Þ ½½¶óÀ̵å 


$(document).on("click", ".madal_btn", function () {
    $(".act").fadeIn();


    // ½º¿ÍÆÛ ½½¶óÀ̵å
    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 1,
        spaceBetween: 30,
        loop: true,
        autoplay: {
            delay: 3500,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev"
        }
    });



    $modal1 = $('.modal');
    $(".close").click(function () {


        $(".act").fadeOut();
        $modal1.removeClass('act');
    });
});





// À¥ÀÚº¸ ¸ð´Þâ
$(document).ready(function () {
    $(".img_w1").click(function () {
        $(".modal_w1").fadeIn();
        document.body.classList.add('s_no-scroll');


    });


    $(".w_close").click(function () {
        document.body.classList.remove('s_no-scroll');
        $(".modal").fadeOut();
    });
});


// Àμ⹰ Ãâ·Â¹° ¸ð´Þâ
$(document).ready(function () {
    $(".img_w1").click(function () {
        $(".modal_w1").fadeIn();
        document.body.classList.add('s_no-scroll');


    });


    $(".close").click(function () {
        document.body.classList.remove('s_no-scroll');
        $(".modal").fadeOut();
    });
});


// À¥ÀÚº¸ ¸ð´Þâ À̹ÌÁö Àüȯ
$(document).ready(function () {
    $(".click_1").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img1").css({
            'display': 'block'
        });
    });


    $(".click_2").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img2").css({
            'display': 'block'
        });
    });


    $(".click_3").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img3").css({
            'display': 'block'
        });
    });


    $(".click_4").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img4").css({
            'display': 'block'
        });
    });


    $(".click_5").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img5").css({
            'display': 'block'
        });
    });
    $(".click_6").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img6").css({
            'display': 'block'
        });
    });


    $(".click_7").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img7").css({
            'display': 'block'
        });
    });
    $(".click_8").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img8").css({
            'display': 'block'
        });
    });
    $(".click_9").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img9").css({
            'display': 'block'
        });
    });
    $(".click_10").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img10").css({
            'display': 'block'
        });
    });
    $(".click_11").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img11").css({
            'display': 'block'
        });
    });
});
$(".click_12").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img12").css({
        'display': 'block'
    });
});
$(".click_13").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img13").css({
        'display': 'block'
    });
});
$(".click_14").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img14").css({
        'display': 'block'
    });
});
$(".click_15").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img15").css({
        'display': 'block'
    });
});
$(".click_16").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img16").css({
        'display': 'block'
    });
});
$(".click_17").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img17").css({
        'display': 'block'
    });
});
$(".click_18").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img18").css({
        'display': 'block'
    });
});
$(".click_19").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img19").css({
        'display': 'block'
    });
});
$(".click_20").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img20").css({
        'display': 'block'
    });
});
$(".click_21").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img21").css({
        'display': 'block'
    });
});
$(".click_22").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img22").css({
        'display': 'block'
    });
});
$(".click_23").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img23").css({
        'display': 'block'
    });
});
$(".click_24").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img24").css({
        'display': 'block'
    });
});
$(".click_25").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img25").css({
        'display': 'block'
    });
});
$(".click_26").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img26").css({
        'display': 'block'
    });
});
$(".click_27").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img27").css({
        'display': 'block'
    });
});
$(".click_28").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img28").css({
        'display': 'block'
    });
});
$(".click_29").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img29").css({
        'display': 'block'
    });
});
$(".click_30").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img30").css({
        'display': 'block'
    });
});
$(".click_31").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img31").css({
        'display': 'block'
    });
});
$(".click_32").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img32").css({
        'display': 'block'
    });
});
$(".click_33").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img33").css({
        'display': 'block'
    });
});
$(".click_34").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img34").css({
        'display': 'block'
    });
});
$(".click_35").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img35").css({
        'display': 'block'
    });
});
$(".click_36").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img36").css({
        'display': 'block'
    });
});
$(".click_37").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img37").css({
        'display': 'block'
    });
});
$(".click_38").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img38").css({
        'display': 'block'
    });
});
$(".click_39").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img39").css({
        'display': 'block'
    });
});
$(".click_40").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img40").css({
        'display': 'block'
    });
});
$(".click_41").click(function () {


    $(".modal_w1 img").css({
        'display': 'none'
    });
    $(".modal_img41").css({
        'display': 'block'
    });
});





// ¿ÀÇÁ¶óÀÎ 
//   ¸ð¹ÙÀÏ ¸ð´Þâ
$(document).ready(function () {
    $("#mclick_1").click(function () {
        $(".mmodal_w1").fadeIn();
    });


    $(".w_close").click(function () {
        $(".mmodal").fadeOut();
    });


});
$(document).ready(function () {
    $("#mclick_2").click(function () {
        $(".mmodal_w2").fadeIn();
    });


    $(".w_close").click(function () {
        $(".mmodal").fadeOut();
    });


});
$(document).ready(function () {
    $("#mclick_3").click(function () {
        $(".mmodal_w3").fadeIn();
    });


    $(".w_close").click(function () {
        $(".mmodal").fadeOut();
    });


});
//  Çǽà ¸ð´Þâ
$(document).ready(function () {
    $("#of_click_1").click(function () {
        $(".modal_w1").fadeIn();
    });


    $("w_close").click(function () {
        $("modal").fadeOut();
    });


});
$(document).ready(function () {
    $("#of_click_2").click(function () {
        $(".modal_w2").fadeIn();
    });


    $("w_close").click(function () {
        $("modal").fadeOut();
    });


});
$(document).ready(function () {
    $("#of_click_3").click(function () {
        $(".modal_w3").fadeIn();
    });


    $("w_close").click(function () {
        $("modal").fadeOut();
    });


});



$(document).ready(function () {
    $("#mclick_1").click(function () {


        $(".mmodal_w1 img").css({
            'display': 'none'
        });
        $(".mmodal_img1").css({
            'display': 'block'
        });
    });


    $("#mclick_2").click(function () {


        $(".mmodal_w1 img").css({
            'display': 'none'
        });
        $(".mmodal_img2").css({
            'display': 'block'
        });
    });


    $("#mclick_3").click(function () {


        $(".mmodal_w1 img").css({
            'display': 'none'
        });
        $(".mmodal_img3").css({
            'display': 'block'
        });
    });


    $("#click_4").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img4").css({
            'display': 'block'
        });
    });


    $("#click_5").click(function () {


        $(".modal_w1 img").css({
            'display': 'none'
        });
        $(".modal_img5").css({
            'display': 'block'
        });
    });
});



$(function () { // ȨÆäÀÌÁö ºê·£µå ºí·Î±× À̹ÌÁö Åä±Û
    $(".item_btn1 a").click(function () { // ¹öưŬ¸¯ 
        $(".modal_w1 img").css({
            'display': 'none'
        });
    });
});