const appServerURL = "//apps.hyapps.com/";
		var MorenvyBanner_AreaData = {"7987":{"id":"7987","name":"\uba54\uc77806 : \ubd84\ud560 \ubc30\ub108","desc":"","displayType":"0","isActive":true,"createDate":"2023-03-13","bannerList":{"1678687268764":{"id":"1678687268764","name":"\ubd84\ud560\ubc30\ub10801","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"<div class=\"t01\">\n\t\uc790\uadf9\ubc1b\uc740 \ubaa8\uacf5\ucf00\uc5b4<br\/>\n\t\uc625\uc2dc\uc98c \ud398\uc774\uc2a4 \ub9c8\uc2a4\ud06c\n<\/div>\n<div class=\"t02\">\n\t\uc2dd\ubb3c\uc131 \uc131\ubd84\uc774 \ud654\uc0ac\ud558\uace0 \ubc1d\uac8c \ud53c\ubd80\ub97c<br\/>\n\t\uac00\uafb8\uc5b4 \uc8fc\ub294 \uc218\ubd84 \ud06c\ub9bc\n<\/div>","img":[{"url":"https:\/\/ecudemo232569.cafe24.com\/web\/upload\/NNEditor\/20230313\/c1400a747c645f5fbf7cde367f6757ce.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0},"1678687277551":{"id":"1678687277551","name":"\ubd84\ud560\ubc30\ub10802","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"<div class=\"t01\">\n\t\ud558\ub8e8\uc5d0 \ud55c\uc54c\uc529 \ub370\uc77c\ub9ac<br\/>\n\t\uc218\ubd84\ubcf4\ucda9 \ube44\ud0c0\ubbfc\n<\/div>\n<div class=\"t02\">\n\t\ud788\uc54c\ub8e8\ub860\uc0b0\uc73c\ub85c \ub9e4\uc77c \uc218\ubd84\uc744 \ucc44\uc6cc\ubcf4\uc138\uc694.<br\/>\n\t\ubb34\ub8cc\ubc30\uc1a1 + \ucd94\uac00\ud560\uc778\n<\/div>","img":[{"url":"https:\/\/ecudemo232569.cafe24.com\/web\/upload\/NNEditor\/20230313\/b5229b463302ea504d75cac523704182.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":1}},"index":2},"d382":{"id":"d382","name":"\uba54\uc77801 : \uba54\uc778 \ube44\uc8fc\uc5bc","desc":"","displayType":"0","isActive":true,"createDate":"2023-03-13","bannerList":{"1678686920094":{"id":"1678686920094","name":"\uba54\uc778\ube44\uc8fc\uc5bc01","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 14:00:00","displayEndTime":"2023-03-13 14:00:00","html":"<div class=\"t01\">\uc624\ud55c\uc9c4 \ubc15\uc0ac\uac00 \uc120\ud0dd\ud55c<\/div>\t\n\n<div class=\"t02\">\n\t\uc2e4\ubc84\ubd88\ub81b\t\ud50c\ub77c\uc988\ub9c8\ub85c\uac90 \ub354\ube14\uc5c5 2X\n<\/div>\n\n<div class=\"t03\">\n\t\ub450\ub1cc\uc758 \uc8fc\uc694 \uad6c\uc131\uc131\ubd84 \ubc0f \ub2e4\uc591\ud55c \uc601\uc591\uc131\ubd84\uc744 \ud3ec\ud568\ud55c \uc62c\uc778\uc6d0 \uc81c\ud488\n<\/div>\n\t\n\n","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b50315417016\/lifeceutical\/web\/upload\/NNEditor\/20240513\/b5242400521430198acff5e6d04d0869.jpg","type":2}],"link":[{"url":"\/category\/\ud50c\ub77c\uc988\ub9c8\ub85c\uac90-\ub354\ube14\uc5c5-2x\/43\/","openType":"_self"}],"AddOn":[""],"index":0},"1678686942087":{"id":"1678686942087","name":"\uba54\uc778\ube44\uc8fc\uc5bc02","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 14:00:00","displayEndTime":"2023-03-13 14:00:00","html":"<div class=\"t01\">\uc624\ud55c\uc9c4 \ubc15\uc0ac\uac00 \uc120\ud0dd\ud55c<\/div>\t\t\n<div class=\"t02\">\n\t\uc2e4\ubc84\ubd88\ub81b \ud50c\ub77c\uc988\ub9c8\ub85c\uac90 \ub354\ube14\uc5c5 2X\n<\/div>\n<div class=\"t03\">\n\t\ub2f9\uc2e0\uc758 \ub1cc\ub97c \uad6c\uc131\ud558\ub294 \uc131\ubd84,<br\/>\n\t\ud50c\ub77c\uc988\ub9c8\ub85c\uac90 \uc544\uc2dc\ub098\uc694?\n<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b50315417016\/lifeceutical\/web\/upload\/NNEditor\/20240513\/f4d372ea0ed1e7d345cfaa3195047c15.png","type":2}],"link":[{"url":"\/category\/\ud50c\ub77c\uc988\ub9c8\ub85c\uac90-\ub354\ube14\uc5c5-2x\/43\/","openType":"_self"}],"AddOn":[""],"index":2},"1678686956778":{"id":"1678686956778","name":"\uba54\uc778\ube44\uc8fc\uc5bc03","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 14:00:00","displayEndTime":"2023-03-13 14:00:00","html":"<div class=\"t01\">\ud50c\ub77c\uc988\ub9c8\ub85c\uac90?<\/div>\t\t\n<div class=\"t02\">\n\t\uc2e4\ubc84\ubd88\ub81b<br\/>\n\t \ud50c\ub77c\uc988\ub9c8\ub85c\uac90 \ub354\ube14\uc5c5 2X\n<\/div>\n<div class=\"t03\">\n\t\ub2f9\uc2e0\uc758 \ub1cc\ub97c \uad6c\uc131\ud558\ub294 \uc131\ubd84,<br\/>\n\t\ud50c\ub77c\uc988\ub9c8\ub85c\uac90 \uc544\uc2dc\ub098\uc694?\n<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b50315417016\/lifeceutical\/web\/upload\/NNEditor\/20240513\/a4d83078943c776a922c9050ac3fff44.png","type":2}],"link":[{"url":"\/category\/\ud50c\ub77c\uc988\ub9c8\ub85c\uac90-\ub354\ube14\uc5c5-2x\/43\/","openType":"_self"}],"AddOn":[""],"index":3},"1717054135439":{"id":"1717054135439","name":"\uba54\uc778\ube44\uc8fc\uc5bc04","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 14:00:00","displayEndTime":"2023-03-13 14:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b50315417016\/lifeceutical\/web\/upload\/NNEditor\/20240530\/8b19c3d4fd2f64519e115988754a6457.png","type":2}],"link":[{"url":"\/article\/\uc774\ubca4\ud2b8\/6\/19\/","openType":"_self"}],"AddOn":[""],"index":1}},"index":0},"ab9b":{"id":"ab9b","name":"\uba54\uc77803 : \uac00\ub85c \ubc30\ub108","desc":"","displayType":"0","isActive":true,"createDate":"2023-03-13","bannerList":{"1678687221905":{"id":"1678687221905","name":"\uac00\ub85c\ubc30\ub10801","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"<div class=\"t01\">\n\t\ub9e4\uc77c\ub9e4\uc77c \ud558\ub8e8\uc5d0 \ub531 \ud55c\ubc88<br\/>\n\t\ub450\ub1cc \uc601\uc591\uc744 \ucc44\uc6cc\uc8fc\uc138\uc694\n<\/div>\n<div class=\"t02\">\ub450\ub1cc\ub97c \uad6c\uc131\ud558\ub294 \uc131\ubd84\uc744 \ubaa8\ub450 \ub2f4\uc740 \uc2e4\ubc84\ubd88\ub81b \ud50c\ub77c\uc988\ub9c8\ub85c\uac90 \ub354\ube14\uc5c5<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b50315417016\/lifeceutical\/web\/upload\/NNEditor\/20240513\/723bca766e9544977c87275787694abb.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0},"1678687235421":{"id":"1678687235421","name":"\uac00\ub85c\ubc30\ub10802","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"<div class=\"t01\">\n\t\uc624\ud55c\uc9c4 \ubc15\uc0ac\uc758 \uc120\ud0dd\n<\/div>\n<div class=\"t02\">\uc2e4\ubc84\ubd88\ub81b \ud50c\ub77c\uc988\ub9c8\ub85c\uac90 \ub354\ube14\uc5c5!<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b50315417016\/lifeceutical\/web\/upload\/NNEditor\/20240514\/f8c7d73c1bbd11f6d1171a2a29c3632e.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":1},"1678687244077":{"id":"1678687244077","name":"\uac00\ub85c\ubc30\ub10803","isActive":false,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"<div class=\"t01\">\n\t\ud558\ub8e8\uc5d0 \ud55c\uc54c\uc529 \ub370\uc77c\ub9ac<br\/>\n\t\uc218\ubd84 \ubcf4\ucda9 \ube44\ud0c0\ubbfc\n<\/div>\n<div class=\"t02\">\ucd09\ucd09\ud55c \ud53c\ubd80\ub97c \uc704\ud574 \ud788\uc54c\ub8e8\ub860\uc0b0\uc73c\ub85c \ub9e4\uc77c \uc218\ubd84\uc744 \ucc44\uc6cc\ubcf4\uc138\uc694.<\/div>","img":[{"url":"https:\/\/ecudemo232569.cafe24.com\/web\/upload\/NNEditor\/20230313\/bfb9a3ec214c5867bff305767dab0a58.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":2}},"index":1},"654c":{"id":"654c","name":"\uba54\uc77807 : \uc88c\uce21 \ubc30\ub108","desc":"","displayType":"0","isActive":true,"createDate":"2023-03-13","bannerList":{"1678687299346":{"id":"1678687299346","name":"\uc88c\uce21\ubc30\ub10801","isActive":false,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"<div class=\"min_title\">Deep Moisture Hydro Cream<\/div>\n<div class=\"m_titleArea\">\n\t<div class=\"t01\">\ub525 \ubaa8\uc774\uc2a4\ucdb0 \ud558\uc774\ub4dc\ub85c \uc218\ubd84 \ud06c\ub9bc<\/div>\n\t<div class=\"t02\">\n\t\t\ubc14\uc774\uc634 \ud3a9\ud0c0\uc774\ub4dc\ub97c \ud568\uc720\ud558\uc5ec \uc218\ubd84 \uc7a5\ubcbd \uac15\ud654\ud558\uace0,<br\/>\n\t\t\ud558\uc774\ub4dc\ub85c \ubaa8\uc774\uc2a4\ucdb0 \uc131\ubd84\uc774 \ud53c\ubd80 \uc18d \uc218\ubd84 \uc190\uc2e4\uc744 \ub9c9\uc544\uc90d\ub2c8\ub2e4.\n\t<\/div>\n<\/div>\n<ul class=\"tag\">\n\t<li>#\ubc14\uc774\uc634\ud3a9\ud0c0\uc774\ub4dc<\/li>\n\t<li>#\uae30\ub2a5\uc131 \ud654\uc7a5\ud488<\/li>\n\t<li>#\ubbfc\uac10\ud53c\ubd80<\/li>\n\t<li>#\ubcf4\uc2b5 \uc7a5\ubcbd\ud06c\ub9bc<\/li>\n\t<li>#\ud53c\ubd80\uc7a5\ubcbd<\/li>\n<\/ul>","img":[{"url":"https:\/\/ecudemo232569.cafe24.com\/web\/upload\/NNEditor\/20230313\/39da899309f55c45e869e69c31446de7.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0},"1678687311400":{"id":"1678687311400","name":"\uc88c\uce21\ubc30\ub10802","isActive":false,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"<div class=\"min_title\">Oxygen Watery Face Mask<\/div>\n<div class=\"m_titleArea\">\n\t<div class=\"t01\">\ubaa8\uacf5 \ucf00\uc5b4 \uc625\uc2dc\uc98c \ud398\uc774\uc2a4 \ub9c8\uc2a4\ud06c<\/div>\n\t<div class=\"t02\">\n\t\t\ubc14\uc774\uc634 \ud3a9\ud0c0\uc774\ub4dc\ub97c \ud568\uc720\ud558\uc5ec \uc218\ubd84 \uc7a5\ubcbd \uac15\ud654\ud558\uace0,<br\/>\n\t\t\ud558\uc774\ub4dc\ub85c \ubaa8\uc774\uc2a4\ucdb0 \uc131\ubd84\uc774 \ud53c\ubd80 \uc18d \uc218\ubd84 \uc190\uc2e4\uc744 \ub9c9\uc544\uc90d\ub2c8\ub2e4.\n\t<\/div>\n<\/div>\n<ul class=\"tag\">\n\t<li>#\ubc14\uc774\uc634\ud3a9\ud0c0\uc774\ub4dc<\/li>\n\t<li>#\uae30\ub2a5\uc131 \ud654\uc7a5\ud488<\/li>\n\t<li>#\ubbfc\uac10\ud53c\ubd80<\/li>\n\t<li>#\ubcf4\uc2b5 \uc7a5\ubcbd\ud06c\ub9bc<\/li>\n\t<li>#\ud53c\ubd80\uc7a5\ubcbd<\/li>\n<\/ul>","img":[{"url":"https:\/\/ecudemo232569.cafe24.com\/web\/upload\/NNEditor\/20230313\/022ab02181cc3bc0429399ef778fa722.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":1}},"index":3}};
		var LastSaveData = { "lastSaveSkin": "[PC] 닥터오가닉", "lastSaveDate": "2024-05-30 17:59:44" };

		// 아이콘
		var IconsPC = {"soldout":"https:\/\/img.echosting.cafe24.com\/design\/skin\/admin\/ko_KR\/ico_product_soldout.gif"};
		var IconsMobile = {"soldout":"https:\/\/img.echosting.cafe24.com\/design\/skin\/admin\/ko_KR\/ico_product_soldout.gif"};

		// 활성된 배너 엘리먼트, 배너 데이터
		var activeBannerElem = [];

		//---------------------------------------------------------------------------------------------------------------------------------
		// 배너 관리자

		Init_MorenvyBannerManager();
        //(function( CAFE24API )
        function Init_MorenvyBannerManager()
        {
            console.log( "%c----- Banner Manager -----", "color:rgb(20, 85, 249); font-size: 25px;" );
            console.log( "최종 수정 스킨 : " + LastSaveData[ "lastSaveSkin" ] );
            console.log( "최종 수정 일자 : " + LastSaveData[ "lastSaveDate" ] );
            console.log( "https://morenvy.com" );
            console.log( "%c--------------------------", "color:rgb(20, 85, 249); font-size: 25px;" );

            // 배너영역 클래스 검색
            var bannerAreaList = document.getElementsByClassName( "morenvy-banner-area" );
            if( null == bannerAreaList )
                return;

            for( var i = 0; i < bannerAreaList.length; )
            {
                // HTML에서 배너영역 ID 가져온다
                var bannerArea = bannerAreaList[ i ];
                var areaID = bannerArea.getAttribute( "area_id" );

                // 배너영역 ID로 데이터 검색
                var areaData = MorenvyBanner_AreaData[ areaID ];
                if( null == areaData )
                {
                    bannerArea.style.display = "none";

                    ++i;
                    continue;
                }

                // 순서대로 출력
                var bannerArray = [];
                if( "0" == areaData.displayType )
                {
                    for( var key in areaData.bannerList )
                    {
                        bannerArray.push( areaData.bannerList[ key ] );
                    }
                    bannerArray.sort( function( a, b )
                    {
                        return a.index > b.index ? 1 : -1;
                    } );
                }
                // 랜덤 출력
                else if( "1" == areaData.displayType )
                {
                    for( var key in areaData.bannerList )
                    {
                        areaData.bannerList[ key ].random = Math.random();
                        bannerArray.push( areaData.bannerList[ key ] );
                    }
                    bannerArray.sort( function( a, b )
                    {
                        return a.random > b.random ? 1 : -1;
                    } );
                }

                var bannerList = bannerAreaList[ i ].getElementsByClassName( "morenvy-banner" );
                if( 0 == bannerList.length )
                {
                    bannerArea.style.display = "none";

                    ++i;
                    continue;
                }

                // 설정 수 보다 엘리먼트가 부족할 경우 마지막 엘리먼트 복사
                if( bannerList.length < bannerArray.length )
                {
                    var copyTarget = bannerList[ bannerList.length - 1 ];
                    var loopCount = bannerArray.length - bannerList.length;

                    for( var j = 0; j < loopCount; ++j )
                    {
                        var copyElem = copyTarget.cloneNode( true );
                        //bannerAreaList[ i ].append( copyElem );
                        copyTarget.parentElement.append( copyElem );
                    }
                }

                var showIndex = 0;
                for( var j = 0; j < bannerList.length; )
                {
                    var bannerData = j >= bannerArray.length ? null : bannerArray[ j ];
                    // 배너 데이터 없음
                    if( null == bannerData )
                    {
                        bannerList[ j ].remove();
                        bannerArray.splice( j, 1 );
                        continue;
                    }

                    // 활성 중?
                    if( false == bannerData.isActive )
                    {
                        bannerList[ j ].remove();
                        bannerArray.splice( j, 1 );
                        continue;
                    }

                    // 기간 노출
                    if( 1 == bannerData.displayType )
                    {
                        var beginDate = new Date( bannerData.displayBeginTime.replace( /-/g, "/" ) );
                        var endDate = new Date( bannerData.displayEndTime.replace( /-/g, "/" ) );
                        var curTime = new Date();

                        if( beginDate > curTime || endDate < curTime )
                        {
                            bannerList[ j ].remove();
                            bannerArray.splice( j, 1 );
                            continue;
                        }
                    }

                    var html = bannerList[ j ].innerHTML;
                    html = html.replace( /%7B/gi, "{" );
                    html = html.replace( /%7D/gi, "}" );

                    html = html.replace( /{#areaName}/gi, areaData.name );
                    html = html.replace( /{#areaDesc}/gi, areaData.desc );
                    html = html.replace( /{#areaDisplayType}/gi, areaData.displayType );
                    html = html.replace( /{#num}/gi, ++showIndex );
                    html = html.replace( /{#title}/gi, bannerData.name );
                    html = html.replace( /{#displayType}/gi, bannerData.displayType );
                    html = html.replace( /{#displayBeginTime}/gi, bannerData.displayBeginTime );
                    html = html.replace( /{#displayEndTime}/gi, bannerData.displayEndTime );
                    html = html.replace( /{#text_1}/gi, 0 < bannerData.AddOn.length ? bannerData.AddOn[ 0 ] : "" );
                    html = html.replace( /{#text_2}/gi, 1 < bannerData.AddOn.length ? bannerData.AddOn[ 1 ] : bannerData.AddOn[ bannerData.AddOn.length - 1 ] );
                    html = html.replace( /{#text_3}/gi, 2 < bannerData.AddOn.length ? bannerData.AddOn[ 2 ] : bannerData.AddOn[ bannerData.AddOn.length - 1 ] );
                    html = html.replace( /{#link_1}/gi, 0 < bannerData.link.length ? bannerData.link[ 0 ].url : "" );
                    html = html.replace( /{#link_2}/gi, 1 < bannerData.link.length ? bannerData.link[ 1 ].url : bannerData.link[ bannerData.link.length - 1 ].url );
                    html = html.replace( /{#link_3}/gi, 2 < bannerData.link.length ? bannerData.link[ 2 ].url : bannerData.link[ bannerData.link.length - 1 ].url );
                    html = html.replace( /{#target_1}/gi, 0 < bannerData.link.length ? bannerData.link[ 0 ].openType : "" );
                    html = html.replace( /{#target_2}/gi, 1 < bannerData.link.length ? bannerData.link[ 1 ].openType : bannerData.link[ bannerData.link.length - 1 ].openType );
                    html = html.replace( /{#target_3}/gi, 2 < bannerData.link.length ? bannerData.link[ 2 ].openType : bannerData.link[ bannerData.link.length - 1 ].openType );
                    html = html.replace( /{#html}/gi, bannerData.html );
                    html = html.replace( /{#imgTag_1}/gi, 0 < bannerData.img.length ? "<img src=\"" + bannerData.img[ 0 ].url + "\">" : "" );
                    html = html.replace( /{#imgTag_2}/gi, 1 < bannerData.img.length ? "<img src=\"" + bannerData.img[ 1 ].url + "\">" : "<img src=\"" + bannerData.img[ bannerData.img.length - 1 ].url + "\">" );
                    html = html.replace( /{#imgTag_3}/gi, 2 < bannerData.img.length ? "<img src=\"" + bannerData.img[ 2 ].url + "\">" : "<img src=\"" + bannerData.img[ bannerData.img.length - 1 ].url + "\">" );
                    html = html.replace( /{#imgSrc_1}/gi, 0 < bannerData.img.length ? bannerData.img[ 0 ].url : "" );
                    html = html.replace( /{#imgSrc_2}/gi, 1 < bannerData.img.length ? bannerData.img[ 1 ].url : bannerData.img[ bannerData.img.length - 1 ].url );
                    html = html.replace( /{#imgSrc_3}/gi, 2 < bannerData.img.length ? bannerData.img[ 2 ].url : bannerData.img[ bannerData.img.length - 1 ].url );
                    bannerList[ j ].innerHTML = html;

                    activeBannerElem.push( { elem : bannerList[ j ], bannerData : bannerData } );
                    ++j;
                }

                if( 0 == bannerList.length )
                    bannerArea.style.display = "none";

                ++i;
                bannerArea.classList.add( "init" );
            }

        }/* )( CAFE24API.init(
        {
            version: "2022-09-01",
            client_id: "gSOPn7dNJxAp8cu31kDDtD"
        } ) );*/
		//----------------------------------------------------------------------------------------------------------------------------
        // 상품 진열 플러그인

        function Init_MorenvyProductDisplay()
        {
            // 상품 정보 요청 최대 개수, cafe24에서 최대 100개까지 지원됨.
            const maxSearchCount = 100;
            // 상품 정보 요청할 상품 번호
            var needToSearchProduct = {};
            // 상품 정보 콜백 받은 후 html replace 필요한 엘리먼트들, 해당 엘리먼트 내 상품 번호
            var needToReplaceElems = [];
            // 초기화 필요한 product area
            var needToInitPrudctArea = [];
            // replace 필요한 상품 배열 데이터
            var needToReplaceArray = {};

            // 모바일인지 체크
            var isMobile = /Mobi/i.test( window.navigator.userAgent );

            // 상품 관련 태그를 상품 번호 태그로 매핑
            // ex) {#productName} ----> {#19_Name}
            function replaceToProductNo( html, tagName, productNo, replace )
            {
                const regExp = new RegExp( `{${"#" + tagName}}`, "gi" );

                if( null != productNo )
                    html = html.replace( regExp, "{#" + productNo + "_" + replace + "}" );
                else
                    html = html.replace( regExp, "" );

                return html;
            }

            // 배열 데이터 태그 replace
            function replaceToArrayProductNo( html, tagName, productNo, replace )
            {
                var nextIndex = 0;
                while( true )
                {
                    var startIndex = html.indexOf( "{#" + tagName, nextIndex );
                    if( -1 == startIndex )
                        break;

                    var endIndex = html.indexOf( "}", startIndex );
                    if( -1 == endIndex )
                        break;

                    var arrayIndex = html.slice( startIndex + String( "{#" + tagName ).length + 1, endIndex );
                    if( null == needToReplaceArray[ productNo ] )
                        needToReplaceArray[ productNo ] = new Object();

                    if( null == needToReplaceArray[ productNo ][ replace ] )
                        needToReplaceArray[ productNo ][ replace ] = new Object();

                    needToReplaceArray[ productNo ][ replace ][ arrayIndex ] = 0;

                    nextIndex = endIndex + 1;
                }

                const regExp = new RegExp( `{${"#" + tagName + "_"}`, "gi" );

                if( null != productNo )
                    html = html.replace( regExp, "{#" + productNo + "_" + replace + "_" );
                else
                    html = html.replace( regExp, "" );

                return html;
            }

            // 상품 번호로 매핑된 태그를 실제 상품 정보로 replace
            function replaceTag( html, productNo, tag, replace )
            {
                const regExp = new RegExp( `{${"#" + productNo + "_" + tag}}`, "gi" );
                html = html.replace( regExp, replace );

                return html;
            }

            // 상품 번호로 매핑된 태그를 실제 상품 정보로 replace (한개만)
            function replaceOneTag( html, productNo, tag, replace )
            {
                html = html.replace( "{#" + productNo + "_" + tag + "}", replace );
                return html;
            }

            // 상품 번호로 매핑된 태그를 실제 상품 정보로 replace
            function replaceArrayTag( index, html, productNo, tag, replace )
            {
                const regExp = new RegExp( `{${"#" + productNo + "_" + tag + "_" + index}}`, "gi" );
                html = html.replace( regExp, replace );

                return html;
            }

            // 배너관리자에서 활성된 배너
            for( var key in activeBannerElem )
            {
                // 활성된 배너 데이터
                var bannerData = activeBannerElem[ key ].bannerData;
                // 상품 진열 데이터 없음
                if( null == bannerData.productDisplay || 0 == bannerData.productDisplay.length )
                    continue;

                // 상품 진열 영역
                var productAreaList = activeBannerElem[ key ].elem.getElementsByClassName( "morenvy-product-area" );
                if( null == productAreaList || 0 == productAreaList.length )
                    continue;

                for( var i = 0; i < productAreaList.length; )
                {
                    var productArea = productAreaList[ i ];

                    var productList = productArea.getElementsByClassName( "morenvy-product" );
                    if( null == productList || 0 == productList.length )
                    {
                        productAreaList[ i ].remove();
                        continue;
                    }

                    // 설정 수 보다 엘리먼트가 부족할 경우 마지막 엘리먼트 복사
                    if( productList.length < bannerData.productDisplay.length )
                    {
                        var copyTarget = productList[ productList.length - 1 ];
                        var loopCount = bannerData.productDisplay.length - productList.length;

                        for( var j = 0; j < loopCount; ++j )
                        {
                            var copyElem = copyTarget.cloneNode( true );
                            productArea.append( copyElem );
                        }
                    }

                    for( var j = 0; j < productList.length; )
                    {
                        // 상품 검색 최대 수 도달
                        if( maxSearchCount <= Object.keys( needToSearchProduct ).length )
                            break;

                        var productNo = j >= bannerData.productDisplay.length ? null : bannerData.productDisplay[ j ];
                        // 상품 데이터 없음
                        if( null == productNo )
                        {
                            productList[ j ].remove();
                            bannerData.productDisplay.splice( j, 1 );
                            continue;
                        }

                        var html = productList[ j ].innerHTML;
                        html = html.replace( /%7B/gi, "{" );
                        html = html.replace( /%7D/gi, "}" );

                        // 모바일/PC에 따라 아이콘 다름
                        if( false == isMobile )
                        {
                            html = html.replace( /{#soldout_icon}/gi, IconsPC[ "soldout" ] );
                            html = html.replace( /{#soldout_iconTag}/gi, "<img src=\"" +  IconsPC[ "soldout" ] + "\">" );
                        }
                        else
                        {
                            html = html.replace( /{#soldout_icon}/gi, IconsMobile[ "soldout" ] );
                            html = html.replace( /{#soldout_iconTag}/gi, "<img src=\"" +  IconsMobile[ "soldout" ] + "\">" );
                        }

                        // 상품 번호 매핑
                        html = html.replace( /{#productNo}/gi, productNo );

                        // 상품 태그를 상품 번호 태그로 매핑
                        html = replaceToProductNo( html, "link", productNo, "Link" );
                        html = replaceToProductNo( html, "name", productNo, "Name" );
                        html = replaceToProductNo( html, "nameEn", productNo, "NameEn" );
                        html = replaceToProductNo( html, "price", productNo, "Price" );
                        html = replaceToProductNo( html, "retailPrice", productNo, "RetailPrice" );
                        html = replaceToProductNo( html, "discountPrice", productNo, "DiscountPrice" );
                        html = replaceToProductNo( html, "imgBig", productNo, "ImgBig" );
                        html = replaceToProductNo( html, "imgBigTag", productNo, "ImgBigTag" );
                        html = replaceToProductNo( html, "imgMedium", productNo, "ImgMedium" );
                        html = replaceToProductNo( html, "imgMediumTag", productNo, "ImgMediumTag" );
                        html = replaceToProductNo( html, "imgSmall", productNo, "ImgSmall" );
                        html = replaceToProductNo( html, "imgSmallTag", productNo, "ImgSmallTag" );
                        html = replaceToProductNo( html, "imgTiny", productNo, "ImgTiny" );
                        html = replaceToProductNo( html, "imgTinyTag", productNo, "ImgTinyTag" );
                        html = replaceToProductNo( html, "summaryDesc", productNo, "SummaryDesc" );
                        html = replaceToProductNo( html, "simpleDesc", productNo, "SimpleDesc" );
                        html = replaceToProductNo( html, "customCode", productNo, "CustomCode" );
                        html = replaceToProductNo( html, "modelName", productNo, "ModelName" );
                        html = replaceToProductNo( html, "brand", productNo, "Brand" );
                        html = replaceToProductNo( html, "trend", productNo, "Trend" );
                        html = replaceToProductNo( html, "manu", productNo, "Manu" );
                        html = replaceToProductNo( html, "opt_discountPrice", productNo, "Opt_DiscountPrice" );
                        html = replaceToProductNo( html, "coupon_discountPrice", productNo, "Coupon_DiscountPrice" );
                        html = replaceToProductNo( html, "promotion_period", productNo, "Promotion_Period" );

                        // addImg / addImgTag 처럼 태그 이름이 확장되는 경우 확장된 놈부터 replace, 에러남
                        html = replaceToArrayProductNo( html, "addInfo_name", productNo, "AddInfo_Name" );
                        html = replaceToArrayProductNo( html, "addInfo_value", productNo, "AddInfo_Value" );
                        html = replaceToArrayProductNo( html, "addImgTag", productNo, "AddImgTag" );
                        html = replaceToArrayProductNo( html, "addImg", productNo, "AddImg" );

                        productList[ j ].innerHTML = html;

                        needToSearchProduct[ productNo ] = 0;
                        needToReplaceElems.push( { areaElem : productArea, productNo : productNo, productElem : productList[ j ] } );

                        ++j;
                    }

                    needToInitPrudctArea.push( productArea );
                    ++i;
                }
            }

            // 상품 검색
            Search();

            function applyProductData( products )
            {
                // replace가 먼저 되면 엘리먼트 삭제가 안된다. 
                // 삭제할 엘리먼트만 먼저 찾아서 삭제
                for( var key in needToReplaceElems )
                {
                    // 상품 엘리먼트
                    var productElem = needToReplaceElems[ key ].productElem;
                    // 상품 번호
                    var productNo = needToReplaceElems[ key ].productNo;

                    // 해당 번호의 상품 데이터 없음. 엘리먼트 삭제
                    var data = products[ productNo ];
                    if( null == data )
                    {
                        productElem.remove();
                        continue;
                    }

                    // 진열중 아니거나 판매중 아니면 엘리먼트 삭제
                    if( "F" == data.selling || "F" == data.display )
                    {
                        productElem.remove();
                        continue;
                    }
                }

                // 검색된 상품 정보를 각각의 엘리먼트에 상품 번호로 매핑된 태그를 찾아 replace
                for( var key in needToReplaceElems )
                {
                    // 상품 영역 엘리먼트
                    var productAreaElem = needToReplaceElems[ key ].areaElem;
                    // 상품 엘리먼트
                    var productElem = needToReplaceElems[ key ].productElem;
                    // 상품 번호
                    var productNo = needToReplaceElems[ key ].productNo;

                    var data = products[ productNo ];
                    if( null == data || "F" == data.selling || "F" == data.display )
                        continue;

                    // PC/모바일 할인가가 다름
                    var discount = true == isMobile ? data.discountprice.mobile_discount_price : data.discountprice.pc_discount_price;
                    
                    var html = productAreaElem.innerHTML;
                    html = html.replace( /%7B/gi, "{" );
                    html = html.replace( /%7D/gi, "}" );

                    html = replaceTag( html, data.product_no, "Link", "/product/detail.html?product_no=" + data.product_no );
                    html = replaceTag( html, data.product_no, "Name", data.product_name );
                    html = replaceTag( html, data.product_no, "NameEn", data.eng_product_name );
                    html = replaceTag( html, data.product_no, "Price", parseInt( data.price ).toLocaleString() );
                    html = replaceTag( html, data.product_no, "RetailPrice", parseInt( data.retail_price ).toLocaleString() );
                    html = replaceTag( html, data.product_no, "DiscountPrice", parseInt( discount ).toLocaleString() );
                    html = replaceTag( html, data.product_no, "ImgBig", data.detail_image );
                    html = replaceTag( html, data.product_no, "ImgBigTag", "<img src=\"" +  data.detail_image + "\">" );
                    html = replaceTag( html, data.product_no, "ImgMedium", data.list_image );
                    html = replaceTag( html, data.product_no, "ImgMediumTag", "<img src=\"" +  data.list_image + "\">" );
                    html = replaceTag( html, data.product_no, "ImgSmall", data.small_image );
                    html = replaceTag( html, data.product_no, "ImgSmallTag", "<img src=\"" +  data.small_image + "\">" );
                    html = replaceTag( html, data.product_no, "ImgTiny", data.tiny_image );
                    html = replaceTag( html, data.product_no, "ImgTinyTag", "<img src=\"" +  data.tiny_image + "\">" );
                    html = replaceTag( html, data.product_no, "SummaryDesc", data.summary_description );
                    html = replaceTag( html, data.product_no, "CustomCode", data.custom_product_code );
                    html = replaceTag( html, data.product_no, "ModelName", data.model_name );

                    productAreaElem.innerHTML = html;
                    ++i;
                }

                // 상품 영역 초기화 완료
                for( var key in needToInitPrudctArea )
                {
                    needToInitPrudctArea[ key ].classList.add( "init" );
                }
            }

            function Search()
            {
                // 검색 필요한 상품 없음
                if( 0 == Object.keys( needToSearchProduct ).length )
                    return;

                var count = 0;
                // 상품 검색 파라미터
                var searchParam = "?embed=discountprice&product_no=";
                for( var key in needToSearchProduct )
                {
                    ++count;
                    if( 1 < count )
                        searchParam += ",";

                    searchParam += key;
                }
                // 상품 검색 개수, cafe24에서 최대 100개까지 지원됨.
                searchParam += "&limit=" + maxSearchCount;

                // 상품 검색 요청
                CAFE24API.get( "/api/v2/products" + searchParam, function( err, res )
                {
                    // 상품 번호를 키로 object 변환
                    var products = {};
                    for( var i in res.products )
                    {
                        products[ res.products[ i ].product_no ] = res.products[ i ];
                    }

                    applyProductData( products );

                    var reqDetailCount = 0;
                    var totalReqCount = 0;
                    var totalApplyCount = 0;
                    function reqDetail()
                    {
                        var arrProductNo = Object.keys( needToSearchProduct );
                        if( 0 == arrProductNo )
                            return;

                        ++reqDetailCount;
                        ++totalReqCount;

                        var productNo = arrProductNo[ 0 ];
                        CAFE24API.get( "/api/v2/productsdetail/" + productNo, function( err, res )
                        {
                            if( null != err )
                            {
                                setTimeout( function()
                                {
                                    reqDetailCount -= 1;
                                    reqDetail();
                                }, 100 );

                                return;
                            }

                            applyProductDetail( res.productsdetail );
                            ++totalApplyCount;

                            if( totalApplyCount == totalReqCount )
                                replaceNaN();

                            delete needToSearchProduct[ productNo ];

                            if( 40 <= reqDetailCount )
                            {
                                setTimeout( function()
                                {
                                    reqDetailCount -= 1;
                                    reqDetail();
                                }, 100 );
                            }
                            else
                            {
                                reqDetail();
                            }
                        } );
                    }

                    reqDetail();

                    function applyProductDetail( data )
                    {
                        // 상품 진열 영역
                        var productAreaList = document.getElementsByClassName( "morenvy-product-area" );
                        if( null == productAreaList || 0 == productAreaList.length )
                            return;

                        for( var i = 0; i < productAreaList.length; ++i )
                        {
                            var elem = productAreaList[ i ];

                            var html = elem.innerHTML;
                            html = html.replace( /%7B/gi, "{" );
                            html = html.replace( /%7D/gi, "}" );

                            html = replaceTag( html, data.product_no, "SimpleDesc", null == data.simple_description ? "" : data.simple_description );
                            html = replaceTag( html, data.product_no, "Brand", null == data.brand_name ? "" : data.brand_name );
                            html = replaceTag( html, data.product_no, "Trend", null == data.trend_name ? "" : data.trend_name );
                            html = replaceTag( html, data.product_no, "Manu", null == data.manufacturer_name ? "" : data.manufacturer_name );
                            html = replaceTag( html, data.product_no, "Opt_DiscountPrice", 
                                null == data.optimum_discount_price ? "" : arseInt( data.optimum_discount_price ).toLocaleString() );
                            html = replaceTag( html, data.product_no, "Coupon_DiscountPrice", 
                                null == data.coupon_discounted_price ? "" : parseInt( data.coupon_discounted_price ).toLocaleString() );

                            if( null != data.promotion_period )
                            {
                                var startDate = new Date( data.promotion_period.start_date );
                                var endDate = new Date( data.promotion_period.end_date );

                                var timeText = startDate.getFullYear() + "-" + (startDate.getMonth() + 1).toString().padStart( 2, "0" ) + "-" + 
                                    startDate.getDate().toString().padStart( 2, "0" ) + " " + startDate.getHours().toString().padStart( 2, "0" ) + ":" +
                                    startDate.getMinutes().toString().padStart( 2, "0" ) + " ~ " +
                                    endDate.getFullYear() + "-" + (endDate.getMonth() + 1).toString().padStart( 2, "0" ) + "-" + 
                                    endDate.getDate().toString().padStart( 2, "0" ) + " " + endDate.getHours().toString().padStart( 2, "0" ) + ":" +
                                    endDate.getMinutes().toString().padStart( 2, "0" );

                                html = replaceTag( html, data.product_no, "Promotion_Period", timeText );
                            }
                            else
                            {
                                html = replaceTag( html, data.product_no, "Promotion_Period", data.coupon_discounted_price );
                            }
                            
                            if( null != data.additional_information )
                            {
                                for( var j = 0; j < data.additional_information.length; ++j )
                                {
                                    const info = data.additional_information[ j ];
                                    html = replaceArrayTag( j + 1, html, data.product_no, "AddInfo_Name", info.name );
                                    html = replaceArrayTag( j + 1, html, data.product_no, "AddInfo_Value", info.value );

                                    if( null != needToReplaceArray[ data.product_no ] )
                                    {
                                        if( null != needToReplaceArray[ data.product_no ][ "AddInfo_Name" ] )
                                            delete needToReplaceArray[ data.product_no ][ "AddInfo_Name" ][ (j + 1).toString() ];

                                        if( null != needToReplaceArray[ data.product_no ][ "AddInfo_Value" ] )
                                            delete needToReplaceArray[ data.product_no ][ "AddInfo_Value" ][ (j + 1).toString() ];
                                    }
                                }
                            }

                            if( null != data.additional_images )
                            {
                                for( var j = 0; j < data.additional_images.length; ++j )
                                {
                                    const img = data.additional_images[ j ];
                                    html = replaceArrayTag( j + 1, html, data.product_no, "AddImg", img.big );
                                    html = replaceArrayTag( j + 1, html, data.product_no, "AddImgTag", "<img src=\"" + img.big + "\">" );

                                    if( null != needToReplaceArray[ data.product_no ] )
                                    {
                                        if( null != needToReplaceArray[ data.product_no ][ "AddImg" ] )
                                            delete needToReplaceArray[ data.product_no ][ "AddImg" ][ (j + 1).toString() ];

                                        if( null != needToReplaceArray[ data.product_no ][ "AddImgTag" ] )
                                            delete needToReplaceArray[ data.product_no ][ "AddImgTag" ][ (j + 1).toString() ];
                                    }
                                }
                            }

                            elem.innerHTML = html;
                        }
                    }
                } );
            }

            // 태그 변수 입력은 됐는데 실제 조회 후 데이터가 없는 경우 NaN으로 replace
            function replaceNaN()
            {
                for( var keyProductNo in needToReplaceArray )
                {
                    for( var keyTag in needToReplaceArray[ keyProductNo ] )
                    {
                        for( var keyNum in needToReplaceArray[ keyProductNo ][ keyTag ] )
                        {
                            for( var i = 0; i < productAreaList.length; ++i )
                            {
                                var elem = productAreaList[ i ];

                                var html = elem.innerHTML;
                                html = replaceTag( html, keyProductNo, keyTag + "_" + keyNum, "" );

                                elem.innerHTML = html;
                            }
                        }
                    }
                }
            }

        }

        let Morenvy_Wait_CAEF24 = setInterval( () =>
        {
            if( typeof CAFE24API != "undefined" )
            {
                clearInterval( Morenvy_Wait_CAEF24 );

                (function( CAFE24API )
                {
                    Init_MorenvyProductDisplay();

                } )( CAFE24API.init(
                {
                    version: "2022-09-01",
                    client_id: "gSOPn7dNJxAp8cu31kDDtD"
                } ) );
            }

        }, 50 );