$(document).ready(function () {


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


});




// ³×ºñ°ÔÀÌ¼Ç ¹Ù 
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Ŭ·¡½º¸¦ ³×ºñ¿¡ Ãß°¡
            $(".wrapper").css( { 'background-color' : '#fff' } ); //¸ð¹ÙÀÏ ¸Þ
            $(".wrapper li").css( { 'color' : '#2f2f2f' } );
            $(".wrapper2 a").css( { 'color' : '#2f2f2f' } );
            $(".wrapper2").css( { 'background-color' : 'rgba(255, 255, 255, 0.7)' } );
            $(".wrapper .logo_2").css( { 'display' : 'block' } );


        
            
            
        }
        else {//±× ¿ÜÀÇ °æ¿ì
            nav.classList.remove('fix');//fixŬ·¡½º¸¦ ³×ºñ¿¡¼­ Á¦°Å
            $(".wrapper").css( { 'background-color' : 'rgba(255, 255, 255, 0)' } ); //¸ð¹ÙÀÏ ¸Þ
            $(".wrapper li").css( { 'color' : '#fff' } );
            $(".wrapper2 a").css( { 'color' : '#fff' } );
            $(".wrapper2").css( { 'background-color' : 'rgba(255, 255, 255, 0)' } );
            $(".wrapper .logo_2").css( { 'display' : 'none' } );


        }
    }


}
navigo()


// ³×ºñ°ÔÀÌ¼Ç ¹Ù ¸ð¹ÙÀÏ
function navigomo() {
    const mo_header = document.querySelector('#header'); //Çì´õºÎºÐȹµæ
    const mo_headerheight = mo_header.clientHeight;//Çì´õ³ôÀÌ
    document.addEventListener('scroll', onScroll, { passive: true });//½ºÅ©·Ñ À̺¥Æ®
    function onScroll() {
        const scrollposition = pageYOffset;//½ºÅ©·Ñ À§Ä¡
        if (mo_headerheight >= scrollposition) {//¸ÇÀ§¿¡ ÀÖÀ»¶§
            $(".wrapper_mo .logo_mo_w").css( { 'display' : 'block' } );
            $(".wrapper_mo .logo_mo_n").css( { 'display' : 'none' } );
            
            $(".wrapper_mo").css( { 'background-color' : 'rgba(255, 255, 255, 0)' } );
            $(".wrapper_mo .menu-toggle-btn span").css( { 'background' : 'white' } );
            
        }
        else {//³»À϶§
            $(".logo_mo_n").css( { 'display' : 'block' } );
            $(".logo_mo_w").css( { 'display' : 'none' } );
            $(".wrapper_mo").css( { 'background-color' : '#fff' } );
            $(".wrapper_mo .menu-toggle-btn span").css( { 'background' : 'black' } );
        }
    }


}
navigomo()


// ½½¶óÀÌµå ¸Þ´º Åä±Û
var giMenuDuration = 300;
const mo_header = document.querySelector('#header'); //Çì´õºÎºÐȹµæ
const mo_headerheight = mo_header.clientHeight;//Çì´õ³ôÀÌ


var oneclick = 1;
$(function() { // Åä±Û¹öÆ° ÇÔ¼ö
    $(".menu-toggle-btn").click(function(){ // ¹öưŬ¸¯ 


        if ($('.main_menu_mo').is(':visible')==false && (mo_headerheight >= pageYOffset))
        {   $(".main_menu_mo").css( { 'display' : 'block' } ); //¸ð¹ÙÀÏ ¸Þ
            $(".main_menu_mo").css( { 'right' : '-100%' } );
            $(".main_menu_mo" ).animate({right:'0px'});
            $(".wrapper_mo .menu-toggle-btn span").css( { 'background' : 'black' } );
            $(".logo_mo_n").css( { 'display' : 'block' } );
            $(".logo_mo_w").css( { 'display' : 'none' } );
        }
        else if($('.main_menu_mo').is(':visible')!=false && (mo_headerheight >= pageYOffset))
        {
            $(".main_menu_mo" ).animate( { right: '-100%' }, { duration: giMenuDuration, complete:function(){ $(".main_menu_mo" ).css( { 'display' : 'none' } ); } } );
            $(".wrapper_mo .menu-toggle-btn span").css( { 'background' : 'white' } );
            $(".wrapper_mo .logo_mo_w").css( { 'display' : 'block' } );
            $(".wrapper_mo .logo_mo_n").css( { 'display' : 'none' } );
        }
        else 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");
    });
});




$(function() { // ¸ÞÀÎÆäÀÌÁö ½½¶óÀÌµå ¼î




    
    $(".pofol_list_btn1").click(function(){ // ¹öưŬ¸¯ 
        $(".swiper-slide img").css( { 'display' : 'none' } );
        $(".swiper-slide iframe").css( { 'display' : 'none' } );
        $(".swiper-slide .branding_slide").css( { 'display' : 'block' } );
        
});
$(".pofol_list_btn2").click(function(){ // ¹öưŬ¸¯ 
    $(".swiper-slide img").css( { 'display' : 'none' } );
    $(".swiper-slide iframe").css( { 'display' : 'none' } );
    $(".swiper-slide .desing_slide").css( { 'display' : 'block' } );
});
$(".pofol_list_btn3").click(function(){ // ¹öưŬ¸¯ 
    $(".swiper-slide img").css( { 'display' : 'none' } );
    $(".swiper-slide iframe").css( { 'display' : 'none' } );
    $(".swiper-slide .viral_slide").css( { 'display' : 'block' } );
});
$(".pofol_list_btn4").click(function(){ // ¹öưŬ¸¯ 
    $(".swiper-slide img").css( { 'display' : 'none' } );
    $(".swiper-slide iframe").css( { 'display' : 'none' } );
    $(".swiper-slide .sns_slide").css( { 'display' : 'block' } );
});
$(".pofol_list_btn5").click(function(){ // ¹öưŬ¸¯ 
    $(".swiper-slide img").css( { 'display' : 'none' } );
    $(".swiper-slide iframe").css( { 'display' : 'none' } );
    $(".video_slide").css( { 'display' : 'block' } );
});






});


$(function() { 
if($(window).width() <768) { 


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


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


    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
    },
    loop: true,
    autoplay: {
        delay: 3500,
        disableOnInteraction: false,
    },
    effect: "coverflow",
    grabCursor: true,
    centeredSlides: true,
    slidesPerView: "1.4",
    coverflowEffect: {
        rotate: 50, /*°¢µµ*/
        stretch: 100, /*°£°Ý*/ 
        depth: 1000, /* º¸ÀÌ´Â °Å¸®*/
        modifier: 0.6,
        slideShadows: true,
        slidesPerView: 3,
    },
    pagination: {
        el: ".swiper-pagination",
        clickable: true,
    },
});
}
});