issue #12 #13 Fixing couldn't install wavve app on ur762h0nd tv model.

issue #12 #13 Fixing couldn't launch wavve on ur762h0nd tv model.
issue #13 #12 #11 Support Coupang play, Wavve, TVING ott service.
2025-06-24 22:17:07 +09:00 · 2025-06-24 15:24:33 +09:00 · 2025-06-16 17:29:25 +09:00 · 2025-06-16 16:57:57 +09:00 · 2025-01-20 12:56:57 +09:00 · 2025-01-20 12:23:40 +09:00
117 changed files with 23629 additions and 791 deletions
--- a/procentric/application/app_hoteltv_full.html
+++ b/procentric/application/app_hoteltv_full.html
@@ -3,11 +3,11 @@

 <head>
    <meta charset="utf-8">
-    <link rel="stylesheet" href="/procentric/application/theme/hoteltv.ui_utils.css">
-    <link rel="stylesheet" href="/procentric/application/theme/hoteltv.error.css">
-    <link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.carousel.min.css">
-    <link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.theme.default.min.css">
-    <link rel="stylesheet" href="/procentric/application/css/acmeticker/style.css">
+    <link rel="stylesheet" href="./theme/hoteltv.ui_utils.css">
+    <link rel="stylesheet" href="./theme/hoteltv.error.css">
+    <link rel="stylesheet" href="./css/owlcarousel/owl.carousel.min.css">
+    <link rel="stylesheet" href="./css/owlcarousel/owl.theme.default.min.css">
+    <link rel="stylesheet" href="./css/acmeticker/style.css">
    <title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
 </head>

@@ -116,9 +116,31 @@

        <div class="tv">
            <div class="bg">
-                <div class="owl-carousel owl-theme" id="lst_tvCtgbg"></div>
+                <div class="owl-carousel owl-theme" id="lst_tvCtgyFrm"></div>
+                <div class="chFrm">
+                    <div class="chLogo">
+                        <div id="icon"></div>
                    </div>
-            <div class="shortcut">
+                    <div class="chNum">
+                        <div id="arrow_up"></div>
+                        <div id="number"></div>
+                        <div id="arrow_down"></div>
+                    </div>
+                    <div class="chDesc">
+                        <div id="epg_chname"></div>
+                        <div id="epg_title"></div>
+                        <div id="epg_details">
+                            <div id="tm_current"></div>
+                            <div id="tm_playing"></div>
+                            <div id="tm_chart">
+                                <div class="progress"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="shortcut_mode0"></div>
+            <div class="shortcut_mode1">
                <div id="suggestion">
                    <table class="ch_list">
                        <tbody id="record"></tbody>
@@ -284,6 +306,13 @@
                <span id="btn_back"></span>
            </div>
        </div>
+        <div class="lang_selection">
+            <div class="selector">
+                <div class="title"></div>
+                <div class="usage"></div>
+                <div class="buttons"></div>
+            </div>
+        </div>
        <div class="notification">
            <div class="balloon right"><span id="message"></span></div>
        </div>
@@ -336,28 +365,28 @@


 <!-- Standard & 3rd party Library -->
-<script src="/procentric/application/lib/jquery-3.6.0.min.js"></script>
-<script src="/procentric/application/lib/jquery.color-2.1.2.min.js"></script>
-<script src="/procentric/application/lib/jquery.webticker.min.js"></script>
-<script src="/procentric/application/lib/xml2json.js"></script>
-<script src="/procentric/application/lib/owl.carousel.min.js"></script>
+<script src="./lib/jquery-3.6.0.min.js"></script>
+<script src="./lib/jquery.color-2.1.2.min.js"></script>
+<script src="./lib/jquery.webticker.min.js"></script>
+<script src="./lib/xml2json.js"></script>
+<script src="./lib/owl.carousel.min.js"></script>

 <!-- LG HCAP Library -->
-<script src="/procentric/application/lib/hcap.js"></script>
-<script src="/procentric/application/lib/idcap.js"></script>
+<script src="./lib/hcap.js"></script>
+<script src="./lib/idcap.js"></script>

 <!-- CENTIRM HOTELTV Library -->
-<script src="/procentric/application/lib/hoteltv.js"></script>
-<script src="/procentric/application/lib/hoteltv.ui_utils.js"></script>
-<script src="/procentric/application/lib/hoteltv.ui_appfull.js"></script>
-<script src="/procentric/application/lib/hoteltv.hcap.js"></script>
-<script src="/procentric/application/lib/hoteltv.api.js"></script>
+<script src="./lib/hoteltv.js"></script>
+<script src="./lib/hoteltv.ui_utils.js"></script>
+<script src="./lib/hoteltv.ui_appfull.js"></script>
+<script src="./lib/hoteltv.hcap.js"></script>
+<script src="./lib/hoteltv.api.js"></script>

 <!-- MQTT Library -->
-<script src="/procentric/application/lib/mqtt.min.js"></script>
+<script src="./lib/mqtt.min.js"></script>

 <!-- ACMETICKER Library -->
-<script src="/procentric/application/lib/acmeticker.js"></script>
+<script src="./lib/acmeticker.js"></script>


 <script>
@@ -381,7 +410,7 @@
                                "/hoteltv.app.full.popup.css"];
        for ( let _idx=0; _idx<needed_css_files.length; _idx++ )
        {
-            $('head:first').append('<link rel="stylesheet" type="text/css" href="/procentric/application/theme/'
+            $('head:first').append('<link rel="stylesheet" type="text/css" href="./theme/'
                + HotelTV.state['theme_root'] + needed_css_files[_idx] + '" />');
        }
        console.log("Documents loaded...")
@@ -410,10 +439,10 @@
                    }
                    break;
                case 409:
-                    HotelTV.hcap.PwrOff();
+                    HotelTV.hal.PwrOff();
                    break;
                case 457: // INFO Key
-                    HotelTV.hcap.GetScrshot();
+                    HotelTV.hal.GetScrshot();
                    break;
                default:
                    //console.log(`KEY::${e.keyCode}`);
--- a/procentric/application/index.html
+++ b/procentric/application/index.html
@@ -3,8 +3,8 @@

 <head>
    <meta charset="utf-8">
-    <link rel="stylesheet" href="/procentric/application/theme/hoteltv.ui_utils.css">
-    <link rel="stylesheet" href="/procentric/application/theme/hoteltv.error.css">
+    <link rel="stylesheet" href="./theme/hoteltv.ui_utils.css">
+    <link rel="stylesheet" href="./theme/hoteltv.error.css">
    <title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
 </head>

--- a/procentric/application/lib/hoteltv.api.js
+++ b/procentric/application/lib/hoteltv.api.js
@@ -118,6 +118,8 @@ HotelTV.api = (function() {
            "update_event": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/event",
            /* Status */
            "set_device_status": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/state",
+            /* Dataset */
+            "dataset": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/dataset",
            /*
            "get_emergency": __apifxn_get_base_url() + "/api/" + _api_ver + "/settops/" + _serial_num + "/emergency",
            "set_message_status": __apifxn_get_base_url() + "/api/" + _api_ver + "/settops/" + _serial_num + "/messages",
@@ -176,6 +178,13 @@ HotelTV.api = (function() {
                    xhr.setRequestHeader("Authorization", "Bearer " + __apifxn_get_token());
                    xhr.send(null);
                    break;
+                case "PUT":
+                    xhr.open('PUT', sz_url);
+                    xhr.setRequestHeader("Accept", "application/json");
+                    xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+                    xhr.setRequestHeader("Authorization", "Bearer " + __apifxn_get_token());
+                    xhr.send(JSON.stringify(dic_param)); // 폼 데이터 객체 전송
+                    break;
                case "POST":
                    xhr.open('POST', sz_url);
                    xhr.setRequestHeader("Accept", "application/json");
@@ -753,6 +762,32 @@ HotelTV.api = (function() {
            });
        },

+        GetUsrDataset: function() {
+            return new Promise((resolve, reject) => {
+                let sz_api_url = __apifxn_get_api_url("dataset");
+                __apifxn_CallCmsApi("GET", `${sz_api_url}`, "dataset", null).then(_result => {
+                    //console.log(`Success::>${_result.data}`);
+                    resolve(JSON.parse(_result.data));
+                }).catch(_error => {
+                    console.error(`Failure::>${_error.reason}`);
+                    reject(_error.reason);
+                });
+            });
+        },
+
+        SetUsrDataset: function(_item_json) {
+            return new Promise((resolve, reject) => {
+                let sz_api_url = __apifxn_get_api_url("dataset");
+                __apifxn_CallCmsApi("PUT", `${sz_api_url}`, "dataset", _item_json).then(_result => {
+                    //console.log(`Success::>${_result.data}`);
+                    resolve(JSON.parse(_result.data));
+                }).catch(_error => {
+                    console.error(`Failure::>${_error.reason}`);
+                    reject(_error.reason);
+                });
+            });
+        },
+
        /**
         * 통계데이터 발송 API
         * @param {array} _arrary_event
@@ -780,6 +815,12 @@ HotelTV.api = (function() {
            });
        },

+        /**
+         * 다비이스 상태 리포트 API
+         * @param {array} _dev_inf 
+         * @param {array} _gst_info 
+         * @param {array} _usage_inf 
+         */
        ReportBrief: function(_dev_inf, _gst_info, _usage_inf) {
            let _json_report = {
                "updated": "YYYY-MM-DD HH:MM:SS",
--- a/procentric/application/lib/hoteltv.hcap.js
+++ b/procentric/application/lib/hoteltv.hcap.js
@@ -9,8 +9,8 @@
 * Created at     : 2020-11-26 02:21:56
 * Last modified  : 2020-11-26 15:31:40
 */
-HotelTV.namespace('HotelTV.hcap');
-HotelTV.hcap = (function() {
+HotelTV.namespace('HotelTV.hal');
+HotelTV.hal = (function() {
    //// 의존 관계 선언


@@ -46,6 +46,11 @@ HotelTV.hcap = (function() {
        'end_of_item'
    ];

+    let hcap_property_installer_menuItem_key = [
+        hcap.property.InstallerMenuItem.POWER_MANAGE,
+        hcap.property.InstallerMenuItem.MAX_VOLUME
+    ];
+


    const g_media = {
@@ -57,6 +62,7 @@ HotelTV.hcap = (function() {

    const g_nativApps_info = {
        'preapp': null,
+        'generalapp': null,
    };


@@ -113,7 +119,7 @@ HotelTV.hcap = (function() {
    };

    /**
-     * HCAP Wrapper Function::> Get Device Properties(Realted HCAP API:hcap.property.setProperty)
+     * HCAP Wrapper Function::> Set Device Properties(Realted HCAP API:hcap.property.setProperty)
     * @param {string} sz_key property key name.
     * @param {object} value is object to setting property
     */
@@ -129,6 +135,39 @@ HotelTV.hcap = (function() {
        });
    };

+    /**
+     * HCAP Wrapper Function::> Get Installer Menu Item(Realted HCAP API:hcap.property.getInstallerMenuItem)
+     * @param {string} sz_key installer menu item key name.
+     */
+    function __hcapfxn_get_installer_menuItem(sz_key) {
+        return new Promise((resolve, reject) => {
+            let param = {
+                "key": sz_key,
+                "onSuccess": function(s) { resolve({ "key": sz_key, "value": s.value }) },
+                //"onFailure": function(f) { reject({ "key": sz_key, "value": "unknown" }) }
+                "onFailure": function(f) { resolve({ "key": sz_key, "value": "unknown" }) }
+            };
+            hcap.property.getInstallerMenuItem(param);
+        });
+    };
+
+    /**
+     * HCAP Wrapper Function::> Set Installer Menu Item(Realted HCAP API:hcap.property.setInstallerMenuItem)
+     * @param {string} sz_key installer menu item key name.
+     * @param {object} value is object to setting installer menu item
+     */
+    function __hcapfxn_set_installer_menuItem(sz_key, value) {
+        return new Promise((resolve, reject) => {
+            let param = {
+                "key": sz_key,
+                "value": value.toString(),
+                "onSuccess": function(s) { resolve({ "key": sz_key, "value": value }) },
+                "onFailure": function(f) { resolve({ "key": sz_key, "value": "unknown" }) }
+            };
+            hcap.property.setInstallerMenuItem(param);
+        });
+    };
+
    /**
     * IDCAP Wrapper Function::> Get Device Configuration(Properties)(Realted IDCAP API:idcap://configuration/property/get)
     * @param {string} sz_key property key name.
@@ -462,9 +501,15 @@ HotelTV.hcap = (function() {
                    "rfBroadcastType": _lutBCastType[_param.rf.type],
                    "onSuccess": function() {
                        console.log("onSuccess");
+                        if ( _param.cbfxn.success!=null ){
+                            _param.cbfxn.success();
+                        }
                    },
                    "onFailure": function(f) {
                        console.log("onFailure : errorMessage = " + f.errorMessage);
+                        if ( _param.cbfxn.failure!=null ){
+                            _param.cbfxn.failure();
+                        }
                    }
                });
            } else {
@@ -661,6 +706,39 @@ HotelTV.hcap = (function() {
            __hcapfxn_Reboot();
        },

+        GetNetworkStatus: function() {
+            return new Promise((resolve, reject) => {
+                hcap.network.getNetworkInformation({
+                    "onSuccess" : function(s) {
+                        console.log("onSuccess : network_mode = " + s.network_mode +
+                            "\n ssid = " + s.ssid +
+                            "\n eth_speed = " + s.eth_speed +
+                            "\n eth_duplex = " + s.eth_duplex +
+                            "\n local_network_available = " + s.local_network_available +
+                            "\n internet_available = " + s.internet_available +
+                            "\n wifi_mode = " + s.wifi_mode +
+                            "\n wireless_security_type = " + s.wireless_security_type +
+                            "\n wifi_pass_key = " + s.wifi_pass_key +
+                            "\n using_dhcp = " + s.using_dhcp +
+                            "\n ip_address = " + s.ip_address +
+                            "\n subnet_mask = " + s.subnet_mask +
+                            "\n gateway = " + s.gateway +
+                            "\n dns1_address = " + s.dns1_address +
+                            "\n dns2_address = " + s.dns2_address +
+                            "\n dns_dhcp = " + s.dns_dhcp +
+                            "\n ethernet_plugged = " + s.ethernet_plugged +
+                            "\n wifi_plugged = " + s.wifi_plugged +
+                            "\n dhcp_state = " + s.dhcp_state);
+                        resolve({ "error": false, "info": s });
+                    },
+                    "onFailure" : function(f) {
+                        console.log("onFailure : errorMessage = " + f.errorMessage);
+                        resolve({ "error": true, "info": null });
+                    }
+               });
+            });
+        },
+

        GetDevInfo: function() {
            return new Promise((resolve, reject) => {
@@ -849,9 +927,9 @@ HotelTV.hcap = (function() {
                    { "_keyCode": 0x847900ff, "_virCode": hcap.key.Code.DOWN }, //DOWN -> DOWN KEY
                    { "_keyCode": 0x84791ae5, "_virCode": hcap.key.Code.BACK }, //BACK -> BACK KEY
                    { "_keyCode": 0x8479EA15, "_virCode": hcap.key.Code.PORTAL }, //HOME -> PORTAL KEY
-                    { "_keyCode": 0x84790FF0, "_virCode": hcap.key.Code.CH_UP }, //CHUP -> CH_UP KEY
+                    { "_keyCode": 0x84791DE2, "_virCode": hcap.key.Code.CH_UP }, //CHUP -> CH_UP KEY
                    { "_keyCode": 0x847928D7, "_virCode": hcap.key.Code.CH_DOWN }, //CHDN -> CH_DOWN KEY
-                    { "_keyCode": 0x8479DA25, "_virCode": hcap.key.Code.Q_MENU }, //MENU -> CH_DOWN KEY
+                    { "_keyCode": 0x8479DA25, "_virCode": hcap.key.Code.Q_MENU }, //MENU -> MENU KEY
                    // VOLUME
                    { "_keyCode": 0x847910ef, "_virCode": hcap.key.Code.VOL_UP }, //VOL UP -> VOL UP KEY
                    { "_keyCode": 0x84790ff0, "_virCode": hcap.key.Code.VOL_DOWN }, //VOL DOWN -> VOL DOWN KEY
@@ -919,10 +997,39 @@ HotelTV.hcap = (function() {
                    }

                    if ( _instant_pwr_target_mode==2 || _instant_pwr_target_mode==1 ){
+                        if (_devinfo["power_mode"] != hcap.power.PowerMode.WARM) {
                            _pmFxnArProperty.push(__hcapfxn_set_powermode('power_mode', hcap.power.PowerMode.WARM));
                        }
                    }

+                    // hcap.property.InstallerMenuItem.POWER_MANAGE 설정
+                    if ( _instant_pwr_target_mode==2 ) {
+                        //
+                        hcap.property.setInstallerMenuItem({
+                            "key" : hcap.property.InstallerMenuItem.POWER_MANAGE,
+                            "value" : 8,
+                            "onSuccess" : function() {
+                                console.log("onSuccess");
+                            },
+                            "onFailure" : function(f) {
+                                console.log("onFailure : errorMessage = " + f.errorMessage);
+                            }
+                        });
+                    } else {
+                        // Sets number of hours of no activity before automatic shut off. (0 ~ 7)
+                        hcap.property.setInstallerMenuItem({
+                            "key" : hcap.property.InstallerMenuItem.POWER_MANAGE,
+                            "value" : 0,
+                            "onSuccess" : function() {
+                                console.log("onSuccess");
+                            },
+                            "onFailure" : function(f) {
+                                console.log("onFailure : errorMessage = " + f.errorMessage);
+                            }
+                        });
+                    }
+                }
+
                // STEP#006::> SERVICE RELATED PARAMETERS
                for (let _cfg in _devconfig) {
                    if (_cfg == 'video') {
@@ -1404,7 +1511,7 @@ HotelTV.hcap = (function() {
                    "onSuccess": function(s) {
                        if (_en_show_msg == true) {
                            console.log("register Success!");
-                            HotelTV.hcap.PreAppGetInfo(true);
+                            HotelTV.hal.PreAppGetInfo(true);
                        }
                    },
                    "onFailure": function(f) {
@@ -1414,30 +1521,104 @@ HotelTV.hcap = (function() {
            }
        },

-        PreAppGetInfo: function(_en_show_msg) {
-            // if (g_nativApps_info.preapp == null) {
-            //     hcap.preloadedApplication.getPreloadedApplicationList({
-            //         "onSuccess": function(s) {
-            //             if (_en_show_msg == true) {
-            //                 console.log("onSuccess : list length = " + s.list.length);
-            //                 for (var i = 0; i < s.list.length; i++) {
-            //                     console.log(
-            //                         "list[" + i + "].id = " + s.list[i].id +
-            //                         "list[" + i + "].title = " + s.list[i].title +
-            //                         "list[" + i + "].iconFilePath = " + s.list[i].iconFilePath
-            //                     );
-            //                 }
-            //             }
-            //             if (s.result == true) {
-            //                 g_nativApps_info.preapp = s.list;
-            //             }
-            //         },
-            //         "onFailure": function(f) {
-            //             console.log("onFailure : errorMessage = " + f.errorMessage);
-            //         }
-            //     });
-            // }
+        AppGetInfo: function(_en_show_msg) {
+            return new Promise((resolve, reject) => {
+                hcap.application.getApplicationList({
+                    "onSuccess": function(s) {
+                        if (_en_show_msg == true) {
+                            console.log("onSuccess : list length = " + s.list.length);
+                            for (var i = 0; i < s.list.length; i++) {
+                                console.log(
+                                    "list[" + i + "].appId = " + s.list[i].appId +
+                                    "list[" + i + "].title = " + s.list[i].title +
+                                    "list[" + i + "].version = " + s.list[i].version +
+                                    "list[" + i + "].valid = " + s.list[i].valid +
+                                    "list[" + i + "].iconPath = " + s.list[i].iconPath
+                                );
+                            }
+                        }
+                        if (s.result == true) {
+                            g_nativApps_info.generalapp = s.list;
+                            resolve({ "error": 0, "applist": g_nativApps_info.generalapp });
+                        }
+                    },
+                    "onFailure": function(f) {
+                        console.log("onFailure : errorMessage = " + f.errorMessage);
+                        resolve({ "error": -1, "applist": null });
+                    }
+                });
+            });
+        },

+        AppInstall: function(list_app_id, _en_show_msg) {
+            return new Promise((resolve, reject) => {
+                hcap.application.installApplications({
+                    "AppList" : list_app_id,
+                    "onSuccess": function(s) {
+                        if (_en_show_msg == true) {
+                            console.log("onSuccess");
+                        }
+                        resolve({ "error": 0, "msg": "success" });
+                    },
+                    "onFailure": function(f) {
+                        console.log("onFailure : errorMessage = " + f.errorMessage);
+                        resolve({ "error": -1, "msg": f.errorMessage });
+                    }
+                });
+            });
+        },
+
+        LaunchApp: function(_name, _param) {
+            if (g_nativApps_info.generalapp != null) {
+                if (_name == "coupangplay") {
+                    for (const [key, item] of Object.entries(g_nativApps_info.generalapp)) {
+                        if (item.title.toLowerCase() == 'coupang play') {
+                            hcap.application.launchApplication({
+                                "id" : item.appId, 
+                                "onSuccess" : function() {
+                                    console.info("onSuccess");
+                                },
+                                "onFailure" : function(f) {
+                                    console.info("onFailure : errorMessage = " + f.errorMessage);
+                                }
+                            });
+                        }
+                    }
+                } else if (_name == "wavve") {
+                    for (const [key, item] of Object.entries(g_nativApps_info.generalapp)) {
+                        if (item.title.toLowerCase() == 'wavve') {
+                            hcap.application.launchApplication({
+                                "id" : item.appId, 
+                                "onSuccess" : function() {
+                                    console.info("onSuccess");
+                                },
+                                "onFailure" : function(f) {
+                                    console.info("onFailure : errorMessage = " + f.errorMessage);
+                                }
+                            });
+                        }
+                    }
+                } else if (_name == "tving") {
+                    for (const [key, item] of Object.entries(g_nativApps_info.generalapp)) {
+                        if (item.title.toLowerCase() == 'tving') {
+                            hcap.application.launchApplication({
+                                "id" : item.appId, 
+                                "onSuccess" : function() {
+                                    console.info("onSuccess");
+                                },
+                                "onFailure" : function(f) {
+                                    console.info("onFailure : errorMessage = " + f.errorMessage);
+                                }
+                            });
+                        }
+                    }
+                } 
+            } else {
+                console.log("General Application doesn't exist");
+            }
+        },
+
+        PreAppGetInfo: function(_en_show_msg) {
            return new Promise((resolve, reject) => {
                hcap.preloadedApplication.getPreloadedApplicationList({
                    "onSuccess": function(s) {
@@ -1468,7 +1649,7 @@ HotelTV.hcap = (function() {
            if (g_nativApps_info.preapp != null) {
                if (_name == "youtube") {
                    for (const [key, item] of Object.entries(g_nativApps_info.preapp)) {
-                        if (item.title == 'YouTube') {
+                        if (item.title.toLowerCase() == 'youtube') {
                            hcap.preloadedApplication.launchPreloadedApplication({
                                "id": item.id, // YOUTUBE
                                "onSuccess": function() {
@@ -1482,7 +1663,7 @@ HotelTV.hcap = (function() {
                    }
                } else if (_name == "netflix") {
                    for (const [key, item] of Object.entries(g_nativApps_info.preapp)) {
-                        if (item.title == 'Netflix') {
+                        if (item.title.toLowerCase() == 'netflix') {
                            hcap.preloadedApplication.launchPreloadedApplication({
                                "id": item.id, // NETFLIX
                                "parameter": `{'params': {'hotel_id':${_param.hotel_name},'launcher_version':'1.0'}`,
@@ -1731,6 +1912,28 @@ HotelTV.hcap = (function() {
            }
        },

+        /**
+         * _keyValue는 아래 코드중 하나
+         * hcap.key.Code.ENTER
+         * hcap.key.Code.LEFT
+         * hcap.key.Code.RIGHT
+         * hcap.key.Code.BACK
+         * hcap.key.Code.UP
+         * hcap.key.Code.DOWN
+         * hcap.key.Code.CH_UP
+         * hcap.key.Code.CH_DOWN
+         * @param {enum} _keyValue
+         */
+        SendVirKeyEvent: function(_keyValue) {
+            hcap.key.sendKey({
+                "virtualKeycode" : _keyValue,
+                "onSuccess" : function() { },
+                "onFailure" : function(f) {
+                    console.error("onFailure : errorMessage = " + f.errorMessage);
+                }
+            });
+        },
+
        Test: function() {
            console.log("Test Start....");

--- a/procentric/application/lib/hoteltv.js
+++ b/procentric/application/lib/hoteltv.js
@@ -53,7 +53,7 @@ var HotelTV = HotelTV || {
            'playing': false,
            'shortkey': {
                'idx': null,            // 바로가기 번호 UI의 행번호(0부터 시작)
-                'ch_item_idx': null,
+                'ch_item_idx': null,    // ALL Category내에서의 채널 index
                'scroll_offset': null,
            },
        },
@@ -132,7 +132,7 @@ function __fxn_Set_DebugOpt(_enable, _out_option, _init) {
    HotelTV.dbginfo['en'] = _enable;
    HotelTV.dbginfo['output'] = _out_option;

-    HotelTV.hcap.Init();
+    HotelTV.hal.Init();

    /** Develop Mode definitions */
    console.log("OPT" + navigator.appVersion);
@@ -144,7 +144,7 @@ function __fxn_Set_DebugOpt(_enable, _out_option, _init) {
        /** Set HCAP Debug Options */
        if (HotelTV.dbginfo['emulator'] == false) {
            //Enable/Disable browser debug mode
-            HotelTV.hcap.SetBrowserDebug(HotelTV.dbginfo['hcap_ipc'], HotelTV.dbginfo['webdebugger']);
+            HotelTV.hal.SetBrowserDebug(HotelTV.dbginfo['hcap_ipc'], HotelTV.dbginfo['webdebugger']);
        }
    } else if (navigator.appVersion.includes("Tizen") == true) {
        HotelTV.dbginfo['emulator'] = false;
@@ -204,7 +204,7 @@ HotelTV.Init = async function() {
    console.log("Start Initialization:: ");

    //STEP#01::> Shutdown Channel
-    HotelTV.hcap.ChannelShutDown();
+    HotelTV.hal.ChannelShutDown();

    //SETP#02::> Set Debug Options
    __fxn_Set_DebugOpt(false, 'osd', false);
@@ -212,11 +212,57 @@ HotelTV.Init = async function() {

    //STEP#03::> Get Device Info
    HotelTV.ui_utils.SetBusy(true);
+
+    const __ifxn_showFatalErr_Network = function() {
+        let _tmval = 30;
+        setTimeout(HotelTV.hal.Reboot, 29000);
+        HotelTV.ui_utils.SetBusy(false);
+        HotelTV.ui_utils.ShowErrMsg(true,
+            "system.error.get-devinfo",
+            "SYSTEM ERROR",
+            "Network is un-available.\r\nplease contact your system administrator.", {
+                "timeout": _tmval,
+                "cb_disp": function() {
+                    _tmval -= 1;
+                    console.log("time..." + _tmval);
+                    if ($('.error #countdown').css("display") == "none") {
+                        $('.error #countdown').fadeIn(1000);
+                    }
+                    $('.error #countdown #message').text(`System will be reboot in ${_tmval} second...`);
+                },
+                "cb_eoe": null
+            });
+    }
+
    try {
-        await HotelTV.hcap.GetDevInfo();
-        //await HotelTV.hcap.ShowDevInfo();
+        //
+        let __netStatus = await HotelTV.hal.GetNetworkStatus();
+        if ( __netStatus.info==null || __netStatus.error==true ){
+            console.info("aa");
+            __ifxn_showFatalErr_Network();
+            return;
+        } else {
+            console.info("bb");
+            if ( __netStatus.info.ip_address=="0.0.0.0" || __netStatus.info.gateway=="0.0.0.0" ) {
+                console.info("Fatall.......");
+                __ifxn_showFatalErr_Network();
+                return;
+            }
+        }
+    } catch ( _err ) {
+        console.info("cc");
+        __ifxn_showFatalErr_Network();
+        return;
+    }
+
+
+
+    try {
+        await HotelTV.hal.GetDevInfo();
+        //await HotelTV.hal.ShowDevInfo();
    } catch (_error) {
        let _tmval = 50;
+        setTimeout(HotelTV.hal.Reboot, 49000);
        HotelTV.ui_utils.ShowErrMsg(true,
            "system.error.get-devinfo",
            "SYSTEM ERROR",
@@ -230,9 +276,7 @@ HotelTV.Init = async function() {
                    }
                    $('.error #countdown #message').text(`System will be reboot in ${_tmval} second...`);
                },
-                "cb_eoe": function() {
-                    setTimeout(HotelTV.hcap.Reboot, 500);
-                }
+                "cb_eoe": null
            });
    }

@@ -244,6 +288,7 @@ HotelTV.Init = async function() {
        HotelTV.state['registration'] = await HotelTV.api.CheckRegistration();
    } catch (_error) {
        let _tmval = 50;
+        setTimeout(HotelTV.hal.Reboot, 49000);
        HotelTV.ui_utils.ShowErrMsg(true,
            "system.error.check-registration",
            "SYSTEM ERROR",
@@ -257,9 +302,7 @@ HotelTV.Init = async function() {
                    }
                    $('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
                },
-                "cb_eoe": function() {
-                    setTimeout(HotelTV.hcap.Reboot, 500);
-                }
+                "cb_eoe": null
            });
    }

@@ -272,12 +315,13 @@ HotelTV.Init = async function() {
        // FULL LICENSE MODE
        try {
            HotelTV.settings = await HotelTV.api.GetSettings();
-            let need_reboot = await HotelTV.hcap.SetDevice(HotelTV.settings);
+            let need_reboot = await HotelTV.hal.SetDevice(HotelTV.settings);
            if (need_reboot == true) {
                console.log("System Need to Reboot");
                HotelTV.ui_utils.SetBusy(false);

-                let _tmval = 20;
+                let _tmval = 30;
+                setTimeout(HotelTV.hal.Reboot, 29000);
                HotelTV.ui_utils.ShowErrMsg(true,
                    "system.info.change-configuration",
                    "SYSTEM INFO",
@@ -291,14 +335,13 @@ HotelTV.Init = async function() {
                            }
                            $('.error #countdown #message').text(`System will be reboot in ${_tmval} second...`);
                        },
-                        "cb_eoe": function() {
-                            setTimeout(HotelTV.hcap.Reboot, 500);
-                        }
+                        "cb_eoe": null
                    });
                return;
            }
        } catch (_error) {
            let _tmval = 50;
+            setTimeout(HotelTV.hal.Reboot, 49000);
            HotelTV.ui_utils.ShowErrMsg(true,
                "system.set-devinfo",
                "SYSTEM ERROR",
@@ -312,9 +355,7 @@ HotelTV.Init = async function() {
                        }
                        $('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
                    },
-                    "cb_eoe": function() {
-                        setTimeout(HotelTV.hcap.Reboot, 500);
-                    }
+                    "cb_eoe": null
                });
        }

@@ -322,6 +363,7 @@ HotelTV.Init = async function() {
            HotelTV.hotelinfo = await HotelTV.api.GetHotelInfo();
        } catch (_error) {
            let _tmval = 50;
+            setTimeout(HotelTV.hal.Reboot, 49000);
            HotelTV.ui_utils.ShowErrMsg(true,
                "system.error.get-hotelinfo",
                "SYSTEM ERROR",
@@ -335,9 +377,7 @@ HotelTV.Init = async function() {
                        }
                        $('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
                    },
-                    "cb_eoe": function() {
-                        setTimeout(HotelTV.hcap.Reboot, 500);
-                    }
+                    "cb_eoe": null
                });
        }
        // state[theme_root] 정의
@@ -351,6 +391,7 @@ HotelTV.Init = async function() {
            HotelTV.guestinfo = await HotelTV.api.GetGuestInfo();
        } catch (_error) {
            let _tmval = 50;
+            setTimeout(HotelTV.hal.Reboot, 49000);
            HotelTV.ui_utils.ShowErrMsg(true,
                "system.error.get-guestinfo",
                "SYSTEM ERROR",
@@ -364,9 +405,7 @@ HotelTV.Init = async function() {
                        }
                        $('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
                    },
-                    "cb_eoe": function() {
-                        setTimeout(HotelTV.hcap.Reboot, 500);
-                    }
+                    "cb_eoe": null
                });
        }

@@ -374,6 +413,7 @@ HotelTV.Init = async function() {
            HotelTV.opening = await HotelTV.api.GetOpeningCtz();
        } catch (_error) {
            let _tmval = 50;
+            setTimeout(HotelTV.hal.Reboot, 49000);
            HotelTV.ui_utils.ShowErrMsg(true,
                "system.error.get-openingctzinfo",
                "SYSTEM ERROR",
@@ -387,9 +427,7 @@ HotelTV.Init = async function() {
                        }
                        $('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
                    },
-                    "cb_eoe": function() {
-                        setTimeout(HotelTV.hcap.Reboot, 500);
-                    }
+                    "cb_eoe": null
                });
        }

@@ -409,6 +447,7 @@ HotelTV.Init = async function() {
            HotelTV.widget = await HotelTV.api.GetWidgetCtz();
        } catch (_error) {
            let _tmval = 50;
+            setTimeout(HotelTV.hal.Reboot, 49000);
            //console.log("Display Error page for get widget info");
            HotelTV.ui_utils.ShowErrMsg(true,
                "system.error.get-widget",
@@ -423,9 +462,7 @@ HotelTV.Init = async function() {
                        }
                        $('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
                    },
-                    "cb_eoe": function() {
-                        setTimeout(HotelTV.hcap.Reboot, 500);
-                    }
+                    "cb_eoe": null
                });
        }

@@ -433,6 +470,7 @@ HotelTV.Init = async function() {
            HotelTV.tvguide = await HotelTV.api.GetProgramCtz();
        } catch (_error) {
            let _tmval = 50;
+            setTimeout(HotelTV.hal.Reboot, 49000);
            //console.log("Display Error page for get tvguide info");
            HotelTV.ui_utils.ShowErrMsg(true,
                "system.error.get-tvguideinfo",
@@ -447,9 +485,7 @@ HotelTV.Init = async function() {
                        }
                        $('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
                    },
-                    "cb_eoe": function() {
-                        setTimeout(HotelTV.hcap.Reboot, 500);
-                    }
+                    "cb_eoe": null
                });
        }

@@ -516,6 +552,7 @@ HotelTV.Init = async function() {
        }
    } else {
        let _tmval = 60;
+        setTimeout(HotelTV.hal.Reboot, 59000);
        HotelTV.ui_utils.ShowErrMsg(true,
            "system.error.unregistered-device",
            "SYSTEM ERROR",
@@ -529,17 +566,14 @@ HotelTV.Init = async function() {
                        $('.error #countdown').fadeIn(1000);
                    }
                },
-                "cb_eoe": function() {
-                    $('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot`);
-                    setTimeout(HotelTV.hcap.Reboot, 500);
-                }
+                "cb_eoe": null
            }
        );
    }
    console.log("Initialization:: Done");
    HotelTV.ui_utils.SetBusy(false);

-    SpatialNavigation.init();
+    //SpatialNavigation.init();
 };

 HotelTV.LoadWelCome = async function() {
@@ -579,7 +613,7 @@ HotelTV.LoadWelCome = async function() {
    let _res = HotelTV.devinfo.display_resolution.split("x");
    HotelTV.ui_welcome.Init(_res[0], _res[1]);

-    //await HotelTV.hcap.ShowDevInfo();
+    //await HotelTV.hal.ShowDevInfo();
    HotelTV.ui_welcome.Show();


@@ -603,8 +637,8 @@ HotelTV.LoadWelCome = async function() {
            //console.log(`Recv Msg[${recvMsg.event}]::> ${recvMsg.ret} ::> ${recvMsg.data}`);
            //console.log(`Recv Msg[${recvMsg.event}]::> ${recvMsg.ret}`);
            if (recvMsg.event == "update_report") {
-                HotelTV.hcap.GetUptime();
-                HotelTV.hcap.GetDeviceUsage().then(_usage => {
+                HotelTV.hal.GetUptime();
+                HotelTV.hal.GetDeviceUsage().then(_usage => {
                    //console.log(`USAGE::> CPU[${_usage.cpu}%]`);
                    HotelTV.api.ReportBrief(HotelTV.devinfo, HotelTV.guestinfo, _usage);
                });
@@ -748,20 +782,62 @@ HotelTV.LoadAppFull = async function() {
    }
    //HotelTV.translation = await JSON.parse(sessionStorage.getItem("translation"));

+    //Override Lang if needed 
+    try {
+        let Usr_Dataset = await HotelTV.api.GetUsrDataset();
+        if ( 'next_lang' in Usr_Dataset ){
+            HotelTV.state.lang = Usr_Dataset.next_lang;
+        }
+    } catch (_error) {
+        console.error("Fail to get user data set");
+    }

    //STEP#03: INIT HCAP for HotelTV FullAPP
    let tmrAppAuth = setInterval(async function() {
+        let _list_install_appIDs = [];
+        let _NeedToDeleteTimer = false;
        let _foundNetflix = false;
-        let _hcapAppInfo = await HotelTV.hcap.PreAppGetInfo(false);
-        HotelTV.state['hcap_app'] = _hcapAppInfo.applist;
-        for (_i = 0; _i < HotelTV.state['hcap_app'].length; _i++) {
-            if (HotelTV.state['hcap_app'][_i].title == "Netflix") {
+        let _hcapPreloadAppInfo = await HotelTV.hal.PreAppGetInfo(false);
+        let _hcapGeneralAppInfo = await HotelTV.hal.AppGetInfo(false);
+        HotelTV.state['hcap_app_preload'] = _hcapPreloadAppInfo.applist;
+        HotelTV.state['hcap_app_general'] = _hcapGeneralAppInfo.applist;
+        for (_i = 0; _i < HotelTV.state['hcap_app_preload'].length; _i++) {
+            if (HotelTV.state['hcap_app_preload'][_i].title.toLowerCase() == "netflix") {
                console.log("Found out netflix among of pre hcap app-list.")
-                clearInterval(tmrAppAuth);
+                _foundNetflix = true;
+                _NeedToDeleteTimer = true;
            }
        }

-        if (_foundNetflix == false) {
+        for (_i = 0; _i < HotelTV.state['hcap_app_general'].length; _i++) {
+            if (HotelTV.state['hcap_app_general'][_i].title.toLowerCase() == "tving") {
+                if ( HotelTV.state['hcap_app_general'][_i].valid == false ){
+                    console.warn("Found out TVING but not installed...");
+                    _list_install_appIDs.push(HotelTV.state['hcap_app_general'][_i].appId);
+                }
+            } else if (HotelTV.state['hcap_app_general'][_i].title.toLowerCase() == "coupang play") {
+                if ( HotelTV.state['hcap_app_general'][_i].valid == false ){
+                    console.warn("Found out Coupang Play but not installed...");
+                    _list_install_appIDs.push(HotelTV.state['hcap_app_general'][_i].appId);
+                }
+            } else if (HotelTV.state['hcap_app_general'][_i].title.toLowerCase() == "wavve") {
+                if ( HotelTV.state['hcap_app_general'][_i].valid == false ){
+                    console.warn("Found out wavve but not installed...");
+                    _list_install_appIDs.push(HotelTV.state['hcap_app_general'][_i].appId);
+                }
+            }
+        }
+
+        if ( _list_install_appIDs.length>0 ){
+            await HotelTV.hal.AppInstall(_list_install_appIDs, false);
+        } 
+
+        if ( _foundNetflix == true && _list_install_appIDs.length==0 ){
+            console.info("Preparing APP Done...");
+            clearInterval(tmrAppAuth);
+        }
+
+        if ( _foundNetflix == false ) {
            try {
                let siAppToken = null;
                let siAppName = null;
@@ -774,7 +850,7 @@ HotelTV.LoadAppFull = async function() {
                        //siAppToken = _progam[_i].service;

                        if (siAppName && siAppToken) {
-                            HotelTV.hcap.siAppAuth(siAppName, siAppToken, false);
+                            HotelTV.hal.siAppAuth(siAppName, siAppToken, false);
                        }
                    }
                }
@@ -790,7 +866,7 @@ HotelTV.LoadAppFull = async function() {
    HotelTV.ui_appfull.Init(_res[0], _res[1]);

    //STEP#06; Show UI
-    //await HotelTV.hcap.ShowDevInfo();
+    //await HotelTV.hal.ShowDevInfo();
    HotelTV.ui_appfull.Show();

    //STEP#06 Register Service web worker
@@ -831,8 +907,8 @@ HotelTV.LoadAppFull = async function() {
                    HotelTV.widget = recvMsg.data;
                }
            } else if (recvMsg.event == "update_report") {
-                HotelTV.hcap.GetUptime();
-                HotelTV.hcap.GetDeviceUsage().then(_usage => {
+                HotelTV.hal.GetUptime();
+                HotelTV.hal.GetDeviceUsage().then(_usage => {
                    //console.log(`USAGE::> CPU[${_usage.cpu}%]`);
                    HotelTV.api.ReportBrief(HotelTV.devinfo, HotelTV.guestinfo, _usage);
                });
@@ -890,7 +966,7 @@ HotelTV.LoadAppFull = async function() {


    //
-    //HotelTV.hcap.Test();
+    //HotelTV.hal.Test();
 }

 HotelTV.UnloadAppFull = async function() {
--- a/procentric/application/lib/hoteltv.ui_appfull.js
+++ b/procentric/application/lib/hoteltv.ui_appfull.js
--- a/procentric/application/lib/hoteltv.ui_welcome.js
+++ b/procentric/application/lib/hoteltv.ui_welcome.js
@@ -66,7 +66,7 @@ HotelTV.ui_welcome = (function() {
        switch (_stateMedia) {
            case 'play_start':
                _media_status = 'playing';
-                HotelTV.hcap.VideoWinSize(null);
+                HotelTV.hal.VideoWinSize(null);

                //Hide welcome page
                __uifxn_WC_Show(null, function() {
@@ -86,7 +86,7 @@ HotelTV.ui_welcome = (function() {
                break;
            case 'play_end':
                _media_status = 'stopped';
-                HotelTV.hcap.MediaShutdown(
+                HotelTV.hal.MediaShutdown(
                    function() {
                        $(".control .skip_video").hide();
                        console.log("Media Desory::Done");
@@ -99,7 +99,7 @@ HotelTV.ui_welcome = (function() {
                    });
                break;
            case 'play_end_need_destory':
-                HotelTV.hcap.MediaShutdown(
+                HotelTV.hal.MediaShutdown(
                    function() {
                        $(".control .skip_video").hide();
                        console.log("Media Desory::Done");
@@ -126,7 +126,7 @@ HotelTV.ui_welcome = (function() {

            case 'play_stop_requtested':
                _media_status = 'stopped';
-                HotelTV.hcap.MediaShutdown(
+                HotelTV.hal.MediaShutdown(
                    function() {
                        $(".control .skip_video").hide();
                        console.log("Media Desory::Done");
@@ -332,7 +332,7 @@ HotelTV.ui_welcome = (function() {

                        let found_dev_locale = false;
                        // SET PLATFORM LANGUAGE
-                        // HotelTV.hcap.SetPlatformLanguage(_state.lang);
+                        // HotelTV.hal.SetPlatformLanguage(_state.lang);
                        if ( 'getLocaleList' in HotelTV.devinfo )
                        {
                            for( let _localeIdx in HotelTV.devinfo.getLocaleList )
@@ -344,10 +344,10 @@ HotelTV.ui_welcome = (function() {
                            }
                        }
                        if ( found_dev_locale==true ){
-                            HotelTV.hcap.SetDeviceLocale(_state.lang);
+                            HotelTV.hal.SetDeviceLocale(_state.lang);
                        }else{
                            console.log("Set Default device locale set to en-US");
-                            HotelTV.hcap.SetDeviceLocale('en-US');
+                            HotelTV.hal.SetDeviceLocale('en-US');
                        }


@@ -358,7 +358,7 @@ HotelTV.ui_welcome = (function() {
                        } else if (_ctzWc.intro == 'video') {
                            HotelTV.ui_utils.SetBusy(true);
                            /** Play movie clip */
-                            HotelTV.hcap.MediaPlay(
+                            HotelTV.hal.MediaPlay(
                                _ctzWc.videos[_state.lang].download,
                                null,
                                "video/mp4",
@@ -416,9 +416,23 @@ HotelTV.ui_welcome = (function() {


            hndl_langSel.on('changed.owl.carousel', function(event) {
+                const __ifxn_sendNextLangUsrData = async function(_nextLang, __cbFxnFailure=null, __cbFxn_Success=null) {
+                    try {
+                        let _usrDataJson = {
+                            'next_lang': _nextLang,
+                        };
+                        _result = await HotelTV.api.SetUsrDataset(_usrDataJson);
+                        console.log("The app main page will be reloaded");
+                    } catch ( __err ){
+                        console.log("CALL API::>" + __err);
+                    } 
+                }
+
                // Update Language
                console.log("LANG SEL[CHANGED]::>" + event.page.index);
                _state.lang = Object.keys(_ctzOpening.languages)[event.page.index];
+                __ifxn_sendNextLangUsrData(_state.lang);
+
                __uifxn_WC_SetCtz(_ctzGst.name, _ctzWc.message);
            });
        } else {
@@ -464,7 +478,7 @@ HotelTV.ui_welcome = (function() {
                let _tmval = 10;
                let _state = HotelTV.state;
                let _trTbl = HotelTV.translation;
-
+                setTimeout(HotelTV.hal.Reboot, 12000);
                HotelTV.ui_utils.ShowSysNoticeMsg(true,
                    "notice",
                    "SYSTEM NOTICE",
@@ -479,7 +493,6 @@ HotelTV.ui_welcome = (function() {
                            $('.error #countdown #message').text(`System will be shutdown in ${_tmval} second...`);
                        },
                        "cb_eoe": function() {
-                            setTimeout(HotelTV.hcap.Reboot, 500);
                            HotelTV.api.ReportEvent([{'power': false, 'location':null}])
                        }
                    });
@@ -487,7 +500,7 @@ HotelTV.ui_welcome = (function() {
                let _tmval = 10;
                let _state = HotelTV.state;
                let _trTbl = HotelTV.translation;
-
+                setTimeout(HotelTV.hal.Reboot, 12000);
                HotelTV.ui_utils.ShowSysNoticeMsg(true,
                    "notice",
                    "SYSTEM NOTICE",
@@ -502,7 +515,6 @@ HotelTV.ui_welcome = (function() {
                            $('.error #countdown #message').text(`System will be restart in ${_tmval} second...`);
                        },
                        "cb_eoe": function() {
-                            setTimeout(HotelTV.hcap.Reboot, 500);
                            HotelTV.api.ReportEvent([{'power': false, 'location':null}])
                        }
                    });
@@ -510,7 +522,7 @@ HotelTV.ui_welcome = (function() {
                let _tmval = 30;
                let _state = HotelTV.state;
                let _trTbl = HotelTV.translation;
-
+                setTimeout(HotelTV.hal.Reboot, 32000);
                HotelTV.ui_utils.ShowSysNoticeMsg(true,
                    "notice",
                    "SYSTEM NOTICE",
@@ -525,8 +537,6 @@ HotelTV.ui_welcome = (function() {
                            $('.error #countdown #message').text(`System will be shutdown in ${_tmval} second...`);
                        },
                        "cb_eoe": function() {
-                            //setTimeout(HotelTV.hcap.PwrOff, 500);
-                            setTimeout(HotelTV.hcap.Reboot, 500);
                            HotelTV.api.ReportEvent([{'power': false, 'location':null}])
                        }
                    });
@@ -536,7 +546,7 @@ HotelTV.ui_welcome = (function() {
                let _tmval = 30;
                let _state = HotelTV.state;
                let _trTbl = HotelTV.translation;
-
+                setTimeout(HotelTV.hal.Reboot, 32000);
                HotelTV.ui_utils.ShowSysNoticeMsg(true,
                    "notice",
                    "SYSTEM NOTICE",
@@ -551,7 +561,6 @@ HotelTV.ui_welcome = (function() {
                            $('.error #countdown #message').text(`System will be restart in ${_tmval} second...`);
                        },
                        "cb_eoe": function() {
-                            setTimeout(HotelTV.hcap.Reboot, 500);
                            HotelTV.api.ReportEvent([{'power': false, 'location':null}])
                        }
                    });
--- a/procentric/application/theme/HIM00001/hoteltv.app.full.ctzgen.css
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.ctzgen.css
@@ -114,7 +114,7 @@
    width: 620px;
    height: 830px;
    color: rgb(255, 255, 255);
-    background-color: rgba(50,40,26, 0.7);
+    background-color: rgba(0, 0, 0, 0.7);
    padding: 0px 12px 0px 12px;
    overflow: hidden;
 }
--- a/procentric/application/theme/HIM00001/hoteltv.app.full.guide.css
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.guide.css
@@ -21,6 +21,6 @@
    font-size: 32px;
    text-align: center;
    line-height: 40px;
-    background-color: rgba(50,40,26, 0.7);
+    background-color: rgba(19, 21, 23, 0.6);
    color: rgb(255, 255, 255);
 }
--- a/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
@@ -2829,6 +2829,74 @@
 }


+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                           [ START ] */
+/********************************************************************************/
+.popup>.lang_selection {
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.8);
+    display: none;
+    z-index: 3;
+}
+
+.popup>.lang_selection .selector {
+    position: absolute;
+    top: 23%;
+    left: 36%;
+    width: 26%;
+    height: 52%;
+    display: block;
+    background-color: rgba(51,61,67,1);
+    padding: 20px 20px 20px 20px;
+}
+
+
+.popup>.lang_selection .selector .title {
+    width: 100%;
+    line-height: 50px;
+    font-size: 40px;
+    color: rgb(244,244,244);
+    border-bottom: 2px solid rgba(121,121,121,1);
+    padding: 0px 0px 10px 0px;
+}
+.popup>.lang_selection .selector .usage {
+    width: 100%;
+    height: 27%;
+    line-height: 24px;
+    font-size: 20px;
+    color: rgb(135,139,147);
+    padding: 20px 0px 10px 0px;
+    overflow: hidden;
+}
+
+.popup>.lang_selection .selector .buttons {
+    width: 100%;
+}
+
+.popup>.lang_selection .selector .buttons .langBtn {
+    width: 100%;
+    line-height: 44px;
+    font-size: 32px;
+    text-align: center;
+    margin: 15px 0px 15px 0px;
+    color: rgb(245,245,245);
+    background-color: rgb(31,34,40);
+    border-radius: 10px;
+    border: 2px solid rgba(121,121,121,1);
+}
+
+.popup>.lang_selection .selector .buttons .langBtn.focus {
+    border: 2px solid rgb(173, 255, 47);;
+}
+
+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                             [ END ] */
+/********************************************************************************/
+
 /* Notification Style */

 .popup>.notification {
--- a/procentric/application/theme/HIM00001/hoteltv.app.full.sm.css
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.sm.css
@@ -133,7 +133,7 @@ div#sm_item_icon {
    width: 360px;
    height: 734px;
    line-height: 50px;
-    background-color: rgba(50,40,26, 0.7);
+    background-color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
 }

--- a/procentric/application/theme/HIM00001/hoteltv.app.full.tv.css
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.tv.css
@@ -17,147 +17,248 @@
    height: 100%;
    padding: 0px;
    background: url(tv:);
+    /* background: url(https://cropper.watch.aetnd.com/public-content-aetn.video.aetnd.com/video-thumbnails/AETN-History_VMS/21/200/tdih-jun01-HD.jpg); */
    overflow: hidden;
    display: none;
 }

-.main .tv .bg div#lst_tvCtgbg {
+/************************************************************/
+/* TV CATEGORY FRAME STYLE                        [ START ] */
+/************************************************************/
+.main .tv .bg #lst_tvCtgyFrm {
+    position: relative;
+    top: 0%;
+    left: 37%;
+    max-width: 26%;
+    width: 26%;
+    height: 50px;
+    margin: 0;
+    padding: 0;
+    /* background-color: red; */
+    overflow: hidden;
+}
+
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer {
-    width: 780px;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage {
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage{
    width: 100%;
-    height: 100%;
+    height: 50px;
    margin: 0;
    padding: 0;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
-    position: absolute;
-    top: 116px;
-    /* left: 80px;
-    width: 1840px; */
-    height: 844px;
-    margin: 20px 20px 20px 20px;
-    padding: 5px 20px 5px 20px;
-    background-color: rgba(0, 0, 0, 0.4);
-    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1));
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage .owl-item .item {
+    background-color: rgba(0, 0, 0, 0.4); */
+    /* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
    border: solid rgb(137, 139, 129);
-    border-radius: 10px;
+    /* border-radius: 10px; */
    /* background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(120, 120, 120, 0.7) 70%, rgba(0, 0, 0, 0.7) 85%); */
+    /* border-color: rgba(230,230,230,0.3) transparent transparent transparent; */
+    /* border-width: 50px 50px 0 0; */
+    /* box-sizing: border-box; */
    overflow: hidden;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_title {
-    line-height: 100px;
-    padding: 0;
-    margin: 0 0 10px 0;
-    font-size: 80px;
-    color: rgb(235, 235, 235);
-    white-space: nowrap;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist {
-    max-width: 680px;
-    height: 640px;
-    font-size: 32px;
-    overflow: hidden;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame {
-    height: 110px;
-    margin: 10px 0 10px 0;
-    z-index: 1;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame .tvch_epg {
-    float: left;
-    margin: 0 0 0 186px;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused .tvch_epg {
-    margin: 0 0 0 210px;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title {
-    font-size: 32px;
-    width: 468px;
-    color: rgb(255, 255, 255);
-    border-bottom: solid;
-    border-bottom-color: rgba(94, 90, 86, 0.8);
-    white-space: nowrap;
-    display: block;
-    overflow: hidden;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_epg_title {
-    border-bottom-color: rgb(181, 218, 16);
-    color: rgb(181, 218, 16);
+.main .tv .bg #lst_tvCtgyFrm .item #tvctg_title {
+    line-height: 50px;
+    /* padding: 0 0 0 10px; */
+    /* margin: 0 0 0px 10px; */
    font-size: 40px;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title::before {
-    content: attr(ch_num);
-    font-size: 32px;
-    text-align: left;
-    margin: 20px 10px 0 0;
-    padding: 0 5px 0 5px;
-    color: rgb(10, 10, 10);
-    background-color: rgba(210, 210, 210, 1);
-    text-shadow: 0 0 5px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
-    border-radius: 5px;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_info {
+    text-align: center;
+    vertical-align: middle;
    color: rgb(235, 235, 235);
+    white-space: nowrap;
+    display: none;
+}
+/************************************************************/
+/* TV CATEGORY FRAME STYLE                          [ END ] */
+/************************************************************/
+
+
+/************************************************************/
+/* TV CHANNEL FRAME STYLE                         [ START ] */
+/************************************************************/
+.main .tv .bg .chFrm {
+    position: absolute;
+    top: 82%;
+    left: 0 px;
+    width: 100%;
+    height: 134px;
+    margin: 0;
+    padding: 0;
+    color: rgba(245,245,245,1.0);
+    background-color: rgba(0,0,0,0.8);
+    display: flex;
+    overflow: hidden;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_logo {
-    width: 176px;
-    height: 110px;
-    background-color: rgba(255, 255, 255, 1);
+.main .tv .bg .chFrm .chLogo {
+    width: 15%;
+    height: 100%;
+    margin: 0;
+    padding: 10px 10px 10px 10px;
+}
+
+.main .tv .bg .chFrm .chLogo #icon{
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background-repeat: no-repeat;
+    background-color: rgba(255,255,255,1);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
    border-radius: 10px;
+    border: 2px solid rgb(67, 82, 105);
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_logo {
-    border: solid rgb(181, 218, 16);
-    transform: scale(1.14);
-    transform-origin: 2% 48%;
-    z-index: 2;
+.main .tv .bg .chFrm .chNum {
+    width: 10%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_up {
-    width: 30px;
-    height: 30px;
-    margin: 10px 0 0 70px;
+.main .tv .bg .chFrm .chNum #arrow_up{
+    padding: 0;
+    width: 22px;
+    height: 22px;
+    margin: 10px 0 0 86px;
    transform: rotate(-45deg) skew(15deg, 15deg);
    border-top: 5px #fff solid;
    border-right: 5px #fff solid;
+    /* text-align: center; */
+    display: block;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_down {
-    width: 30px;
-    height: 30px;
-    margin: 10px 0 0 70px;
+.main .tv .bg .chFrm .chNum #number{
+    width: 100%;
+    height: 48%;
+    margin: 0;
+    padding: 0;
+    line-height: 64px;
+    font-size: 48px;
+    text-align: center;
+    vertical-align: middle;
+    display: block;
+    /* background-color: red; */
+}
+
+.main .tv .bg .chFrm .chNum #arrow_down{
+    width: 22px;
+    height: 22px;
+    margin: 0px 0 0 86px;
    transform: rotate(135deg) skew(15deg, 15deg);
    border-top: 5px #fff solid;
    border-right: 5px #fff solid;
+    display: block;
 }

-/*************************/
-/* STYLE for TV Shortcut */
-/*************************/
-.main .tv .shortcut {
+.main .tv .bg .chFrm .chDesc {
+    width: 75%;
+    height: 100%;
+    margin: 0;
+    padding: 5px 0px 5px 0px;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_chname{
+    width: 100%;
+    height: 34px;
+    line-height: 34px;
+    font-size: 30px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_title{
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    font-size: 50px;
+    margin: 0;
+    padding: 0;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details{
+    width: 100%;
+    height: 28px;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    line-height: 28px;
+    font-size: 20px;
+    overflow: hidden;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_current{
+    width: 20%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_playing{
+    width: 20%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_chart{
+    width: 58%;
+    height: 86%;
+    margin: 0;
+    padding: 0;
+    background-color: rgba(80,80,80,0.8);
+    border-radius: 10px;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_chart .progress{
+    margin: 5px 5px 0px 5px;
+    /* padding: 14px 0px 0px 0px; */
+    height: 14px;
+    /* vertical-align: middle; */
+    background-color: rgba(245,245,245,0.8);
+    border-radius: 10px;
+}
+
+/************************************************************/
+/* TV CHANNEL FRAME STYLE                           [ END ] */
+/************************************************************/
+
+/************************************************************/
+/* TV SHORTCUT STYLE                              [ START ] */
+/************************************************************/
+.main .tv .shortcut_mode0 {
+    position: absolute;
+    top: 3%;
+    left: 87%;
+    width: 12%;
+    height: 72px;
+    /* background: rgba(0, 0, 0, 0.7); */
+    /* background-color: red; */
+    background-color: rgba(0, 0, 0, 0.8);
+    padding: 0px 0px 0px 0px;
+    border-top: 5px solid rgb(40, 40, 40);
+    border-bottom: 5px solid rgb(40, 40, 40);
+    display: none;
+    font-size: 52px;
+    line-height: 62px;
+    color: rgb(245,245,245);
+    text-align: center;
+    display: none;
+}
+
+
+.main .tv .shortcut_mode1 {
    position: absolute;
    top: 18%;
    left: 75%;
@@ -167,22 +268,23 @@
    padding: 20px 6px 20px 6px;
    border-top: 5px solid rgba(0,0,0,0.7);
    border-bottom: 5px solid rgba(0,0,0,0.7);
+    display: none;
 }

-.main .tv .shortcut div#suggestion {
+.main .tv .shortcut_mode1 div#suggestion {
    position: absolute;
    width: 100%;
    height: 84%;
 }

-.main .tv .shortcut div#suggestion table {
+.main .tv .shortcut_mode1 div#suggestion table {
    width: 100%;
    height: 100%;
    /* padding: 3px 0px 3px 0px; */
    border-collapse: collapse;
 }

-.main .tv .shortcut .ch_list>#record {
+.main .tv .shortcut_mode1 .ch_list>#record {
    position: absolute;
    width: 100%;
    height: 100%;
@@ -191,7 +293,7 @@
    padding: 14px 0px 0px 0px;
 }

-.main .tv .shortcut .ch_list>#record tr {
+.main .tv .shortcut_mode1 .ch_list>#record tr {
    width: 96%;
    display: block;
    float: left;
@@ -200,20 +302,20 @@
    border-top: 1px solid rgb(67, 82, 105);
 }

-.main .tv .shortcut .ch_list>#record tr.active {
+.main .tv .shortcut_mode1 .ch_list>#record tr.active {
    color:rgb(255, 192, 0);
    background-color: rgba(0,0,0,0.6);
    border-top: 2px solid rgb(255, 192, 0);
    border-bottom: 2px solid rgb(255, 192, 0);
 }

-.main .tv .shortcut .ch_list>#record tr>.scitem {
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem {
    font-size: 40px;
    line-height: 1;
    width: 100%;
 }

-.main .tv .shortcut .ch_list>#record tr>.scitem>#logo {
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#logo {
    width: 24%;
    height: 40px;
    /* height: 100%; */
@@ -227,7 +329,7 @@
    /* margin: 1%; */
 }

-.main .tv .shortcut .ch_list>#record tr>.scitem>#num {
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#num {
    width: 18%;
    float: left;
    text-align: center;
@@ -235,7 +337,7 @@
    overflow: hidden;
 }

-.main .tv .shortcut .ch_list>#record tr>.scitem>#title {
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#title {
    width: 54%;
    float: left;
    text-align: center;
@@ -244,3 +346,7 @@
    overflow: hidden;
    /* margin: 4px 0px 1px 0px; */
 }
+
+/************************************************************/
+/* TV SHORTCUT STYLE                                [ END ] */
+/************************************************************/
--- a/procentric/application/theme/HIM00001/hoteltv.welcome.css
+++ b/procentric/application/theme/HIM00001/hoteltv.welcome.css
@@ -37,7 +37,7 @@ body {
    /* background-image: url(./images/bg_language_welcome_box.png);
    background-size: cover; */
    background-repeat: no-repeat;
-    background: linear-gradient(rgba(50,40,26,0.7),rgba(50,46,26,0.85));
+    background: linear-gradient(rgba(45,45,45,0.6),rgba(16,16,16,0.7));
    border-radius: 11px;
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
 }
--- a/procentric/application/theme/HIM00001/images/bt_language_tab_focus.png
+++ b/procentric/application/theme/HIM00001/images/bt_language_tab_focus.png
--- a/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.png
+++ b/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.png
--- a/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css
@@ -2829,6 +2829,74 @@
 }


+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                           [ START ] */
+/********************************************************************************/
+.popup>.lang_selection {
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.8);
+    display: none;
+    z-index: 3;
+}
+
+.popup>.lang_selection .selector {
+    position: absolute;
+    top: 23%;
+    left: 36%;
+    width: 26%;
+    height: 52%;
+    display: block;
+    background-color: rgba(51,61,67,1);
+    padding: 20px 20px 20px 20px;
+}
+
+
+.popup>.lang_selection .selector .title {
+    width: 100%;
+    line-height: 50px;
+    font-size: 40px;
+    color: rgb(244,244,244);
+    border-bottom: 2px solid rgba(121,121,121,1);
+    padding: 0px 0px 10px 0px;
+}
+.popup>.lang_selection .selector .usage {
+    width: 100%;
+    height: 27%;
+    line-height: 24px;
+    font-size: 20px;
+    color: rgb(135,139,147);
+    padding: 20px 0px 10px 0px;
+    overflow: hidden;
+}
+
+.popup>.lang_selection .selector .buttons {
+    width: 100%;
+}
+
+.popup>.lang_selection .selector .buttons .langBtn {
+    width: 100%;
+    line-height: 44px;
+    font-size: 32px;
+    text-align: center;
+    margin: 15px 0px 15px 0px;
+    color: rgb(245,245,245);
+    background-color: rgb(31,34,40);
+    border-radius: 10px;
+    border: 2px solid rgba(121,121,121,1);
+}
+
+.popup>.lang_selection .selector .buttons .langBtn.focus {
+    border: 2px solid rgb(173, 255, 47);;
+}
+
+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                             [ END ] */
+/********************************************************************************/
+
 /* Notification Style */

 .popup>.notification {
--- a/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css
@@ -2829,6 +2829,74 @@
 }


+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                           [ START ] */
+/********************************************************************************/
+.popup>.lang_selection {
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.8);
+    display: none;
+    z-index: 3;
+}
+
+.popup>.lang_selection .selector {
+    position: absolute;
+    top: 23%;
+    left: 36%;
+    width: 26%;
+    height: 52%;
+    display: block;
+    background-color: rgba(51,61,67,1);
+    padding: 20px 20px 20px 20px;
+}
+
+
+.popup>.lang_selection .selector .title {
+    width: 100%;
+    line-height: 50px;
+    font-size: 40px;
+    color: rgb(244,244,244);
+    border-bottom: 2px solid rgba(121,121,121,1);
+    padding: 0px 0px 10px 0px;
+}
+.popup>.lang_selection .selector .usage {
+    width: 100%;
+    height: 27%;
+    line-height: 24px;
+    font-size: 20px;
+    color: rgb(135,139,147);
+    padding: 20px 0px 10px 0px;
+    overflow: hidden;
+}
+
+.popup>.lang_selection .selector .buttons {
+    width: 100%;
+}
+
+.popup>.lang_selection .selector .buttons .langBtn {
+    width: 100%;
+    line-height: 44px;
+    font-size: 32px;
+    text-align: center;
+    margin: 15px 0px 15px 0px;
+    color: rgb(245,245,245);
+    background-color: rgb(31,34,40);
+    border-radius: 10px;
+    border: 2px solid rgba(121,121,121,1);
+}
+
+.popup>.lang_selection .selector .buttons .langBtn.focus {
+    border: 2px solid rgb(173, 255, 47);;
+}
+
+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                             [ END ] */
+/********************************************************************************/
+
 /* Notification Style */

 .popup>.notification {
--- a/procentric/application/theme/HJS00001/hoteltv.app.full.tv.css
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.tv.css
@@ -17,147 +17,248 @@
    height: 100%;
    padding: 0px;
    background: url(tv:);
+    /* background: url(https://cropper.watch.aetnd.com/public-content-aetn.video.aetnd.com/video-thumbnails/AETN-History_VMS/21/200/tdih-jun01-HD.jpg); */
    overflow: hidden;
    display: none;
 }

-.main .tv .bg div#lst_tvCtgbg {
+/************************************************************/
+/* TV CATEGORY FRAME STYLE                        [ START ] */
+/************************************************************/
+.main .tv .bg #lst_tvCtgyFrm {
+    position: relative;
+    top: 0%;
+    left: 37%;
+    max-width: 26%;
+    width: 26%;
+    height: 50px;
+    margin: 0;
+    padding: 0;
+    /* background-color: red; */
+    overflow: hidden;
+}
+
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer {
-    width: 780px;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage {
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage{
    width: 100%;
-    height: 100%;
+    height: 50px;
    margin: 0;
    padding: 0;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
-    position: absolute;
-    top: 116px;
-    /* left: 80px;
-    width: 1840px; */
-    height: 844px;
-    margin: 20px 20px 20px 20px;
-    padding: 5px 20px 5px 20px;
-    background-color: rgba(0, 0, 0, 0.4);
-    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1));
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage .owl-item .item {
+    background-color: rgba(0, 0, 0, 0.4); */
+    /* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
    border: solid rgb(137, 139, 129);
-    border-radius: 10px;
+    /* border-radius: 10px; */
    /* background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(120, 120, 120, 0.7) 70%, rgba(0, 0, 0, 0.7) 85%); */
+    /* border-color: rgba(230,230,230,0.3) transparent transparent transparent; */
+    /* border-width: 50px 50px 0 0; */
+    /* box-sizing: border-box; */
    overflow: hidden;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_title {
-    line-height: 100px;
-    padding: 0;
-    margin: 0 0 10px 0;
-    font-size: 80px;
-    color: rgb(235, 235, 235);
-    white-space: nowrap;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist {
-    max-width: 680px;
-    height: 640px;
-    font-size: 32px;
-    overflow: hidden;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame {
-    height: 110px;
-    margin: 10px 0 10px 0;
-    z-index: 1;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame .tvch_epg {
-    float: left;
-    margin: 0 0 0 186px;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused .tvch_epg {
-    margin: 0 0 0 210px;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title {
-    font-size: 32px;
-    width: 468px;
-    color: rgb(255, 255, 255);
-    border-bottom: solid;
-    border-bottom-color: rgba(94, 90, 86, 0.8);
-    white-space: nowrap;
-    display: block;
-    overflow: hidden;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_epg_title {
-    border-bottom-color: rgb(181, 218, 16);
-    color: rgb(181, 218, 16);
+.main .tv .bg #lst_tvCtgyFrm .item #tvctg_title {
+    line-height: 50px;
+    /* padding: 0 0 0 10px; */
+    /* margin: 0 0 0px 10px; */
    font-size: 40px;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title::before {
-    content: attr(ch_num);
-    font-size: 32px;
-    text-align: left;
-    margin: 20px 10px 0 0;
-    padding: 0 5px 0 5px;
-    color: rgb(10, 10, 10);
-    background-color: rgba(210, 210, 210, 1);
-    text-shadow: 0 0 5px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
-    border-radius: 5px;
-}
-
-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_info {
+    text-align: center;
+    vertical-align: middle;
    color: rgb(235, 235, 235);
+    white-space: nowrap;
+    display: none;
+}
+/************************************************************/
+/* TV CATEGORY FRAME STYLE                          [ END ] */
+/************************************************************/
+
+
+/************************************************************/
+/* TV CHANNEL FRAME STYLE                         [ START ] */
+/************************************************************/
+.main .tv .bg .chFrm {
+    position: absolute;
+    top: 82%;
+    left: 0 px;
+    width: 100%;
+    height: 134px;
+    margin: 0;
+    padding: 0;
+    color: rgba(245,245,245,1.0);
+    background-color: rgba(0,0,0,0.8);
+    display: flex;
+    overflow: hidden;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_logo {
-    width: 176px;
-    height: 110px;
-    background-color: rgba(255, 255, 255, 1);
+.main .tv .bg .chFrm .chLogo {
+    width: 15%;
+    height: 100%;
+    margin: 0;
+    padding: 10px 10px 10px 10px;
+}
+
+.main .tv .bg .chFrm .chLogo #icon{
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background-repeat: no-repeat;
+    background-color: rgba(255,255,255,1);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
    border-radius: 10px;
+    border: 2px solid rgb(67, 82, 105);
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_logo {
-    border: solid rgb(181, 218, 16);
-    transform: scale(1.14);
-    transform-origin: 2% 48%;
-    z-index: 2;
+.main .tv .bg .chFrm .chNum {
+    width: 10%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_up {
-    width: 30px;
-    height: 30px;
-    margin: 10px 0 0 70px;
+.main .tv .bg .chFrm .chNum #arrow_up{
+    padding: 0;
+    width: 22px;
+    height: 22px;
+    margin: 10px 0 0 86px;
    transform: rotate(-45deg) skew(15deg, 15deg);
    border-top: 5px #fff solid;
    border-right: 5px #fff solid;
+    /* text-align: center; */
+    display: block;
 }

-.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_down {
-    width: 30px;
-    height: 30px;
-    margin: 10px 0 0 70px;
+.main .tv .bg .chFrm .chNum #number{
+    width: 100%;
+    height: 48%;
+    margin: 0;
+    padding: 0;
+    line-height: 64px;
+    font-size: 48px;
+    text-align: center;
+    vertical-align: middle;
+    display: block;
+    /* background-color: red; */
+}
+
+.main .tv .bg .chFrm .chNum #arrow_down{
+    width: 22px;
+    height: 22px;
+    margin: 0px 0 0 86px;
    transform: rotate(135deg) skew(15deg, 15deg);
    border-top: 5px #fff solid;
    border-right: 5px #fff solid;
+    display: block;
 }

-/*************************/
-/* STYLE for TV Shortcut */
-/*************************/
-.main .tv .shortcut {
+.main .tv .bg .chFrm .chDesc {
+    width: 75%;
+    height: 100%;
+    margin: 0;
+    padding: 5px 0px 5px 0px;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_chname{
+    width: 100%;
+    height: 34px;
+    line-height: 34px;
+    font-size: 30px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_title{
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    font-size: 50px;
+    margin: 0;
+    padding: 0;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details{
+    width: 100%;
+    height: 28px;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    line-height: 28px;
+    font-size: 20px;
+    overflow: hidden;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_current{
+    width: 20%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_playing{
+    width: 20%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_chart{
+    width: 58%;
+    height: 86%;
+    margin: 0;
+    padding: 0;
+    background-color: rgba(80,80,80,0.8);
+    border-radius: 10px;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_chart .progress{
+    margin: 5px 5px 0px 5px;
+    /* padding: 14px 0px 0px 0px; */
+    height: 14px;
+    /* vertical-align: middle; */
+    background-color: rgba(245,245,245,0.8);
+    border-radius: 10px;
+}
+
+/************************************************************/
+/* TV CHANNEL FRAME STYLE                           [ END ] */
+/************************************************************/
+
+/************************************************************/
+/* TV SHORTCUT STYLE                              [ START ] */
+/************************************************************/
+.main .tv .shortcut_mode0 {
+    position: absolute;
+    top: 3%;
+    left: 87%;
+    width: 12%;
+    height: 72px;
+    /* background: rgba(0, 0, 0, 0.7); */
+    /* background-color: red; */
+    background-color: rgba(0, 0, 0, 0.8);
+    padding: 0px 0px 0px 0px;
+    border-top: 5px solid rgb(40, 40, 40);
+    border-bottom: 5px solid rgb(40, 40, 40);
+    display: none;
+    font-size: 52px;
+    line-height: 62px;
+    color: rgb(245,245,245);
+    text-align: center;
+    display: none;
+}
+
+
+.main .tv .shortcut_mode1 {
    position: absolute;
    top: 18%;
    left: 75%;
@@ -167,22 +268,23 @@
    padding: 20px 6px 20px 6px;
    border-top: 5px solid rgba(0,0,0,0.7);
    border-bottom: 5px solid rgba(0,0,0,0.7);
+    display: none;
 }

-.main .tv .shortcut div#suggestion {
+.main .tv .shortcut_mode1 div#suggestion {
    position: absolute;
    width: 100%;
    height: 84%;
 }

-.main .tv .shortcut div#suggestion table {
+.main .tv .shortcut_mode1 div#suggestion table {
    width: 100%;
    height: 100%;
    /* padding: 3px 0px 3px 0px; */
    border-collapse: collapse;
 }

-.main .tv .shortcut .ch_list>#record {
+.main .tv .shortcut_mode1 .ch_list>#record {
    position: absolute;
    width: 100%;
    height: 100%;
@@ -191,7 +293,7 @@
    padding: 14px 0px 0px 0px;
 }

-.main .tv .shortcut .ch_list>#record tr {
+.main .tv .shortcut_mode1 .ch_list>#record tr {
    width: 96%;
    display: block;
    float: left;
@@ -200,20 +302,20 @@
    border-top: 1px solid rgb(67, 82, 105);
 }

-.main .tv .shortcut .ch_list>#record tr.active {
+.main .tv .shortcut_mode1 .ch_list>#record tr.active {
    color:rgb(255, 192, 0);
    background-color: rgba(0,0,0,0.6);
    border-top: 2px solid rgb(255, 192, 0);
    border-bottom: 2px solid rgb(255, 192, 0);
 }

-.main .tv .shortcut .ch_list>#record tr>.scitem {
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem {
    font-size: 40px;
    line-height: 1;
    width: 100%;
 }

-.main .tv .shortcut .ch_list>#record tr>.scitem>#logo {
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#logo {
    width: 24%;
    height: 40px;
    /* height: 100%; */
@@ -227,7 +329,7 @@
    /* margin: 1%; */
 }

-.main .tv .shortcut .ch_list>#record tr>.scitem>#num {
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#num {
    width: 18%;
    float: left;
    text-align: center;
@@ -235,7 +337,7 @@
    overflow: hidden;
 }

-.main .tv .shortcut .ch_list>#record tr>.scitem>#title {
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#title {
    width: 54%;
    float: left;
    text-align: center;
@@ -244,3 +346,7 @@
    overflow: hidden;
    /* margin: 4px 0px 1px 0px; */
 }
+
+/************************************************************/
+/* TV SHORTCUT STYLE                                [ END ] */
+/************************************************************/
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.css
@@ -0,0 +1,105 @@
+/* STEP[#001]: Define Main */
+
+.main {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    text-shadow: 0 0 10px rgba(38, 18, 18, 0.5), 0 0 10px rgba(65, 65, 65, 1);
+    z-index: 1;
+}
+
+.main ::-webkit-scrollbar {
+    display: none;
+}
+
+.control {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.control .mm .hotkey_red {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_green {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_yellow {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_blue {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+
+/* SETP[#003-4]: Player */
+
+.player {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+}
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.ctzgen.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.ctzgen.css
@@ -0,0 +1,291 @@
+.main .ctzgen {
+    position: absolute;
+    top: 2160px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-image: url(tv:);
+    display: none;
+}
+
+.main .ctzgen .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .ctzgen .bg .owl-dots {
+    position: absolute;
+    top: 980px;
+    width: 100%;
+    align-content: center;
+}
+
+
+/* .main .ctzgen .bg .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+} */
+
+.main .ctzgen .bg div#lst_ctzgenbg {
+    position: absolute;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: var(--bg_noplay);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: url(tv:);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay .item .ctz_desc_frame {
+    opacity: 1;
+    animation-delay: 6s;
+    animation-name: fadeOutCtzDescFrame;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes fadeOutCtzDescFrame {
+    0% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+
+/* OWL Contents Menu Selector Container */
+
+.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .ctzgen .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctzgen_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame {
+    position: absolute;
+    top: 130px;
+    left: 1280px;
+    width: 620px;
+    height: 830px;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.7);
+    padding: 0px 12px 0px 12px;
+    overflow: hidden;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_title {
+    position: absolute;
+    display: flex;
+    font-size: 44px;
+    /* line-height: 44px; */
+    line-height: 1;
+    height: 115px;
+    width: 100%;
+    padding: 10px;
+    white-space: pre-wrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    /* justify-content: center; */
+    align-items: center;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail {
+    margin: 120px 10px 40px 10px;
+    height: 220px;
+    /* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
+    /*    border: 4px solid rgb(255, 255, 255); */
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail img {
+    width: auto;
+    height: 212px;
+    overflow: hidden;
+    /* border: 2px solid rgb(40, 40, 40); */
+    border: 2px solid rgb(160, 160, 160);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_description {
+    position: absolute;
+    font-size: 26px;
+    width: 93%;
+    line-height: 1.2;
+    margin: 0 10px 0 10px;
+}
+
+
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_imgvwr_frame {
+    position: absolute;
+    top: 130px;
+    width: 1920px;
+    height: 830px;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 0px 12px 0px 12px;
+    overflow: hidden;
+}
+
+
+
+
+
+
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl {
+    position: absolute;
+    top: 970px;
+    left: 1700px;
+    height: 54px;
+    line-height: 54px;
+    color: rgb(235, 235, 235);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    white-space: nowrap;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
+    animation-delay: 4s;
+    animation-name: moveCtzMvCtrl;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes moveCtzMvCtrl {
+    from {
+        left: 1700px;
+    }
+    to {
+        left: 2220px
+    }
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
+    position: absolute;
+    content: '';
+    width: 128px;
+    height: 54px;
+    margin-left: -140px;
+    background-image: url("./images/icons/icon_btn_media_play.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
+    animation-name: iconCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes iconCtzMvCtrlBtn {
+    0% {
+        transform: rotateX(0deg);
+    }
+    50% {
+        transform: rotateX(90deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+    100% {
+        transform: rotateX(0deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
+    content: var(--playmsg);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
+    animation-delay: 1s;
+    animation-name: msgCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes msgCtzMvCtrlBtn {
+    0% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0;
+        content: var(--stopmsg);
+    }
+    50% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+    100% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+}
+
+.image-slider {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 480px;
+    height: 272px;
+}
+
+.main #imageGallery {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 480px;
+    height: 272px;
+    padding: 0px;
+    overflow: hidden;
+}
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.guide.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.guide.css
@@ -0,0 +1,26 @@
+/* Brocure */
+
+.guide {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+    z-index: 2;
+    display: block;
+}
+
+.guide>.tips {
+    position: absolute;
+    top: 1034px;
+    left: 0px;
+    width: 1920px;
+    height: 40px;
+    font-size: 32px;
+    text-align: center;
+    line-height: 40px;
+    background-color: rgba(19, 21, 23, 0.6);
+    color: rgb(255, 255, 255);
+}
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.mm.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.mm.css
@@ -0,0 +1,137 @@
+/* STEP[#002]: Define MAIN-MENU BG FRAMES */
+
+.main .mm {
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+}
+
+.main .mm .bg {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mm .bg div {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mm .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mm .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+}
+
+
+/* STEP[#003]: Define MAIN-MENU SELECTOR FRAMES */
+
+.main .mm .slider {
+    position: absolute;
+    /* top: 734px; */
+    top: 884px;
+    left: 0px;
+    width: 1920px;
+    /* height: 300px; */
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mm .slider .owl-carousel.owl-theme {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 50px 0 0 0;
+}
+
+.main .mm .slider .owl-carousel.owl-theme .owl-carousel-outer {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#mm_item_title {
+    position: absolute;
+    /* top: 190px; */
+    top: 22px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    line-height: 52px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#mm_item_icon {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Main Menu Selector Container */
+
+.main .mm .slider .owl-dots {
+    position: absolute;
+    top: -45px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .mm .slider .owl-theme .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+    background: none;
+}
+
+.main .mm .slider .owl-theme .owl-dots .owl-dot.active span {
+    /* background: rgb(181, 218, 16); */
+    background: rgb(245, 245, 245);
+}
+
+
+/* .main .mm .slider .owl-carousel .owl-item.active.focus div {
+    transform: scale(1.14);
+} */
+
+.main .mm .slider .owl-carousel .owl-item.active.focus:after {
+    width: 336px;
+}
+
+.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+    width: 264px;
+}
+
+.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
+    transform: scale(1.1);
+}
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.mm.flight.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.mm.flight.css
@@ -0,0 +1,194 @@
+/* =============================
+   Main Menu Flight Format
+*/
+
+.main .mm .flight {
+    position: absolute;
+    top: 120px;
+    left: 0px;
+    width: 100%;
+    height: 620px;
+    max-height: 620px;
+    padding-left: 0;
+    margin: 0;
+    background-color: rgba(0, 0, 0, .5);
+    filter: drop-shadow(4px 4px 10px rgba(255, 255, 255, 0.8));
+    overflow: hidden;
+    z-index: 1;
+    display: none;
+}
+
+.main .mm .flight .departure {
+    width: 50%;
+    height: 100%;
+    position: absolute;
+}
+
+.main .mm .flight .arrival {
+    left: 52%;
+    width: 50%;
+    height: 100%;
+    position: absolute;
+}
+
+.main .mm .flight #title {
+    font-size: 40px;
+    color: rgb(235, 235, 235);
+    height: 46px;
+}
+
+.main .mm .flight .departure #title {
+    text-align:left;
+    margin-left:10px;
+}
+
+.main .mm .flight .arrival #title {
+    text-align:right;
+    margin-right:50px;
+}
+
+.main .mm .flight table {
+    position: absolute;
+    width: 940px;
+    height: 540px;
+    margin-left: 10px;
+    margin-right: 10px;
+    color: rgb(235, 235, 235);
+    text-align: center;
+    white-space: normal;
+    word-break: break-word;
+    border-collapse: collapse;
+    display: block;
+    overflow: auto;
+}
+
+.main .mm .flight #border_table_bottom {
+    position:absolute;
+    top:560px;
+    margin-left:10px;
+    width:900px;
+    height:20px;
+    background-color: rgba(0,0,0,0.4);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+.main .mm .flight #caution {
+    top: 590px;
+    width: 99%;
+    height:50px;
+    text-align: right;
+    color:rgb(180,180,190);
+    position: absolute;
+}
+
+
+/* .main .mm .flight table::-webkit-scrollbar {
+    display: none;
+} */
+
+.main .mm .flight table tbody#record {
+    position: absolute;
+    width: 100%;
+    height: 460px;
+    top: 52px;
+    overflow-y: scroll;
+}
+
+.main .mm .flight .tbl_header tr {
+    height: 50px;
+    max-height: 50px;
+}
+
+.main .mm .flight table #airline {
+    width: 118px;
+    max-width: 120px;
+}
+
+.main .mm .flight table #flight {
+    width: 70px;
+    max-width: 70px;
+}
+
+.main .mm .flight table #scheduled {
+    width: 128px;
+    max-width: 130px;
+}
+
+.main .mm .flight table #origin {
+    width: 88px;
+    max-width: 90px;
+}
+
+.main .mm .flight table #destination {
+    width: 122px;
+    max-width: 124px;
+}
+
+.main .mm .flight table #type {
+    width: 148px;
+    max-width: 150px;
+}
+
+.main .mm .flight table #gate {
+    width: 58px;
+    max-width: 60px;
+}
+
+.main .mm .flight table td#status {
+    width: 168px;
+    max-width: 169px;
+}
+
+.main .mm .flight table th#airline {
+    border-top-left-radius: 10px;
+}
+
+.main .mm .flight table th#status {
+    width: 168px;
+    max-width: 169px;
+    border-top-right-radius: 10px;
+}
+
+.main .mm .flight table th {
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    background: rgba(0, 0, 0, 0.4);
+}
+
+.main .mm .flight table td {
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    background: rgba(0, 0, 0, 0.2);
+}
+
+.main .mm .flight ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.main .mm .flight ::-webkit-scrollbar-track {
+    background-color: lightblue;
+}
+
+.main .mm .flight ::-webkit-scrollbar-track-piece {
+    background-color: gray;
+}
+
+.main .mm .flight ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+.main .mm .flight ::-webkit-scrollbar-button:start {
+    background-color: orange;
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.main .mm .flight ::-webkit-scrollbar-button:end {
+    background-color: orange;
+    /* Bottom, Right 방향의 이동버튼 */
+}
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.mm.weather.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.mm.weather.css
@@ -0,0 +1,186 @@
+/* =============================
+   Main Menu Weather Format 
+*/
+
+.main .mm .weather {
+    position: absolute;
+    top: 200px;
+    left: 0px;
+    width: 100%;
+    height: 400px;
+    max-height: 400px;
+    padding-left: 0;
+    margin: 0;
+    background-color: rgba(235, 235, 235, .5);
+    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.8));
+    z-index: 1;
+    display: none;
+}
+
+.main .mm .weather .location {
+    position: absolute;
+    top: 40px;
+    left: 100px;
+    font-size: 50px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    z-index: 1;
+    display: block;
+}
+
+.main .mm .weather .today {
+    position: absolute;
+    top: 0px;
+    left: 100px;
+    width: 320px;
+    height: 100%;
+}
+
+.main .mm .weather .today #temp_cur {
+    position: relative;
+    top: 110px;
+    font-size: 160px;
+    text-align: center;
+    color: rgb(21, 126, 251);
+}
+
+.main .mm .weather .today #temp_minmax {
+    position: relative;
+    top: 120px;
+    font-size: 50px;
+    text-align: right;
+    color: rgb(235, 235, 235);
+    display: block;
+}
+
+.main .mm .weather .today .detail {
+    position: absolute;
+    top: 40px;
+    left: 400px;
+    width: 400px;
+    height: 360px;
+    color: rgb(235, 235, 235);
+    overflow: hidden;
+    display: block;
+}
+
+.main .mm .weather .today .detail #discription {
+    height: 50px;
+    font-size: 40px;
+    text-align: center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #img_status {
+    height: 160px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #humidity {
+    width: 100%;
+    padding: 20px;
+    height: 40px;
+    text-align: center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #wind {
+    width: 100%;
+    height: 40px;
+    text-align: center;
+    display: block;
+    margin-top: 24px;
+}
+
+.main .mm .weather .today .detail #icon {
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+}
+
+.main .mm .weather .forcast .daily {
+    position: absolute;
+    top: 10px;
+    left: 1000px;
+    width: 910px;
+    height: 180px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    padding: 5px 0 0 10px;
+    color: rgb(235, 235, 235);
+}
+
+.main .mm .weather .forcast .daily ul {
+    width: 95%;
+    height: 100px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast .daily li {
+    width: 150px;
+    height: 90px;
+    font-size: 24px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: right center;
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+    float: left;
+    display: inline;
+    margin: 0 10px 0 10px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast div#time {
+    height: 90%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
+
+.main .mm .weather .forcast div#temp {
+    margin-top: 8px;
+    height: 30%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
+
+.main .mm .weather .forcast .weekly {
+    position: absolute;
+    top: 200px;
+    left: 1000px;
+    width: 910px;
+    height: 190px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+    padding: 0 0 0 10px;
+    color: rgb(235, 235, 235);
+}
+
+.main .mm .weather .forcast .weekly ul {
+    width: 95%;
+    height: 100px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast .weekly li {
+    width: 150px;
+    height: 90px;
+    font-size: 24px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: right center;
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+    float: left;
+    display: inline;
+    margin: 0 10px 0 10px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast div#date {
+    height: 90%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.mypage.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.mypage.css
@@ -0,0 +1,518 @@
+.main .mypage {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .mypage .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .mypage .bg div#lst_mypagebg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: var(--bg_noplay);
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
+    width: 100%;
+    height: 100%;
+    background-image: url(tv:);
+}
+
+.main .mypage .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .mypage .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mypage .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#mp_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    font-size: 2.2vw;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#mp_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+div#lst_mypagebg div #mp_accomo_title {
+    position: absolute;
+    top: 165px;
+    left: 224px;
+    width: 1536px;
+    height: 42px;
+    line-height: 42px;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+}
+
+div#lst_mypagebg div #mp_accomo_title::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 40px;
+    margin-left: -62px;
+    background-image: url("./images/icons/icon_mypage_title.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_accomo_infowin {
+    position: absolute;
+    top: 230px;
+    left: 160px;
+    width: 1600px;
+    height: 600px;
+    padding: 30px 10px 10px 10px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(28, 28, 28);
+    background-color: rgba(0, 0, 0, 0.5);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item {
+    font-size: 32px;
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #header {
+    width: 20%;
+    height: 50px;
+    text-align: right;
+    display: inline-block;
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #value {
+    width: 80%;
+    margin-left: 50px;
+}
+
+div#lst_mypagebg div #mp_hotel_infowin {
+    position: absolute;
+    top: 664px;
+    left: 190px;
+    width: 1540px;
+    height: 132px;
+    background-color: rgba(84, 84, 84, 0.9);
+    padding: 10px 11px 10px 11px;
+    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item {
+    width: 32%;
+    height: 100%;
+    display: inline-block;
+    padding: 5px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    text-shadow: 0 0 3px rgba(0, 0, 0, 1);
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #title {
+    display: block;
+    font-size: 26px;
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address {
+    position: absolute;
+    width: 470px;
+    top: 60px;
+    margin-left: 26px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -32px;
+    background-image: url("./images/icons/icon_place_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email {
+    position: absolute;
+    width: 470px;
+    top: 60px;
+    margin-left: 32px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -36px;
+    background-image: url("./images/icons/icon_cotact_email_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone {
+    position: absolute;
+    width: 470px;
+    top: 90px;
+    margin-left: 32px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -36px;
+    background-image: url("./images/icons/icon_contact_phone_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_message_title {
+    position: absolute;
+    top: 165px;
+    left: 224px;
+    width: 1536px;
+    height: 42px;
+    line-height: 42px;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+}
+
+div#lst_mypagebg div #mp_message_title::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 40px;
+    margin-left: -62px;
+    background-image: url("./images/icons/icon_cotact_email_96x96.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_message_table {
+    position: absolute;
+    top: 230px;
+    left: 160px;
+    width: 1600px;
+    height: 600px;
+    padding: 10px 10px 10px 32px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(28, 28, 28);
+    background-color: rgba(0, 0, 0, 0.5);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr {
+    position: absolute;
+    width: 1580px;
+    font-size: 36px;
+    line-height: 74px;
+    display: block;
+    border-collapse: collapse;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr {
+    text-align: center;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr th {
+    border-bottom: 5px solid rgb(94, 94, 94, 1);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#num {
+    width: 160px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#title {
+    width: 780px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#from {
+    width: 300px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#date {
+    width: 280px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec {
+    position: absolute;
+    top: 90px;
+    width: 1580px;
+    height: 478px;
+    font-size: 32px;
+    overflow: auto;
+    display: block;
+    border-collapse: separate;
+    border-spacing: 0 16px;
+    text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 1);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tbody {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow-y: scroll;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr {
+    line-height: 52px;
+    text-align: center;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr.focus {
+    background-color: rgba(127, 127, 127, 0.9);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr td {}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num {
+    width: 160px;
+    padding-left: 90px;
+    text-align: left;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num::before {
+    position: absolute;
+    content: '';
+    background-image: url(./images/icons/icon_unread_message_48x48.png);
+    margin-top: 6px;
+    width: 42px;
+    height: 38px;
+    margin-left: -64px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    filter: drop-shadow(0 0 4px rgb(0, 0, 0));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num.read::before {
+    position: absolute;
+    content: '';
+    background-image: url(./images/icons/icon_read_message_48x48.png);
+    margin-top: 6px;
+    width: 42px;
+    height: 38px;
+    margin-left: -64px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    filter: drop-shadow(0 0 4px rgb(0, 0, 0));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#title {
+    width: 780px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#from {
+    width: 300px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#date {
+    width: 280px;
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .mypage .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mp_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .mypage .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+
+
+
+/**********************************************************************
+ * Replay Welcome movie
+ **********************************************************************/
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl {
+    position: absolute;
+    top: 820px;
+    left: 1700px;
+    height: 54px;
+    line-height: 54px;
+    color: rgb(235, 235, 235);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    white-space: nowrap;
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
+    animation-delay: 4s;
+    animation-name: moveMypageMvCtrl;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes moveMypageMvCtrl {
+    from {
+        left: 1700px;
+    }
+    to {
+        left: 2220px
+    }
+}
+
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
+    position: absolute;
+    content: '';
+    width: 128px;
+    height: 54px;
+    margin-left: -140px;
+    background-image: url("./images/icons/icon_btn_media_play.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
+    animation-name: iconCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes iconCtzMvCtrlBtn {
+    0% {
+        transform: rotateX(0deg);
+    }
+    50% {
+        transform: rotateX(90deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+    100% {
+        transform: rotateX(0deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+}
+
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
+    content: var(--playmsg);
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
+    animation-delay: 1s;
+    animation-name: msgMypageMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes msgMypageMvCtrlBtn {
+    0% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0;
+        content: var(--stopmsg);
+    }
+    50% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+    100% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+}
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.news.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.news.css
@@ -0,0 +1,43 @@
+/* 뉴스 */
+
+.news {
+    position: absolute;
+    top: 1044px;
+    left: 0;
+    width: 100%;
+    height: 36px;
+    background-color: rgba(19, 21, 23, 0.6);
+    filter: drop-shadow(0 -10px 5px rgba(0, 0, 0, 0.5));
+    display: none;
+    z-index: 1;
+}
+
+.news>.title {
+    position: absolute;
+    width: 160px;
+    color: rgb(235, 235, 235);
+    font-size: 32px;
+    line-height: 32px;
+    text-align: center;
+    border: solid rgba(0, 0, 0, 0.5);
+    margin: 0 20px 0 20px;
+    background-color: rgba(128, 128, 128, 0.3);
+}
+
+.news>.newsctz {
+    padding: 0;
+    margin: 8px 0 0 200px;
+    color: rgb(165, 175, 185);
+}
+
+.news>.newsctz #hoteltv-news-ticker li {
+    font-size: 26px;
+    line-height: 24px;
+}
+
+.news>.newsctz #hoteltv-news-ticker li img {
+    height: 34px;
+    vertical-align: top;
+    /* padding: 3px 10px 10px 0; */
+    object-fit: cover;
+}
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.popup.css
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.sm.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.sm.css
@@ -0,0 +1,174 @@
+.main .sub {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .sub .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .sub .bg div#lst_smbg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .sub .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .sub .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#sm_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#sm_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="sm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .sub .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .sub .slider .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+}
+
+.main .sub .slider .owl-dots .owl-dot.active span {
+    background: rgb(255, 192, 0);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame {
+    position: absolute;
+    top: 130px;
+    left: 1550px;
+    width: 360px;
+    height: 734px;
+    line-height: 50px;
+    background-color: rgba(0, 0, 0, 0.7);
+    overflow: hidden;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_item {
+    width: 320px;
+    height: 180px;
+    float: left;
+    margin: 10px 20px 10px 20px;
+    /* filter: drop-shadow(0 0 10px rgba(235, 235, 235, 0.9));
+    border-radius: 6px; */
+    text-align: center;
+    line-height: 50px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(160, 160, 160);
+    display: inline;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_title {
+    font-size: 30px;
+    margin-left: 20px;
+    color: rgb(235, 235, 235);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_morenotice {
+    font-size: 22px;
+    margin: 20px 5px 10px 20px;
+    line-height: 25px;
+    overflow-wrap: break-word;
+    color: rgb(181, 218, 16);
+    animation: bg_ctz_thumb_morenotice_blinker 2s linear infinite;
+}
+
+@keyframes bg_ctz_thumb_morenotice_blinker {
+    50% {
+        color: rgb(235, 235, 235);
+    }
+}
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.tv.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.tv.css
@@ -0,0 +1,352 @@
+/* TV Menu */
+
+.main .tv {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background: url(tv:);
+}
+
+.main .tv .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background: url(tv:);
+    /* background: url(https://cropper.watch.aetnd.com/public-content-aetn.video.aetnd.com/video-thumbnails/AETN-History_VMS/21/200/tdih-jun01-HD.jpg); */
+    overflow: hidden;
+    display: none;
+}
+
+/************************************************************/
+/* TV CATEGORY FRAME STYLE                        [ START ] */
+/************************************************************/
+.main .tv .bg #lst_tvCtgyFrm {
+    position: relative;
+    top: 0%;
+    left: 37%;
+    max-width: 26%;
+    width: 26%;
+    height: 50px;
+    margin: 0;
+    padding: 0;
+    /* background-color: red; */
+    overflow: hidden;
+}
+
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage{
+    width: 100%;
+    height: 50px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage .owl-item .item {
+    background-color: rgba(0, 0, 0, 0.4); */
+    /* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
+    border: solid rgb(137, 139, 129);
+    /* border-radius: 10px; */
+    /* background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(120, 120, 120, 0.7) 70%, rgba(0, 0, 0, 0.7) 85%); */
+    /* border-color: rgba(230,230,230,0.3) transparent transparent transparent; */
+    /* border-width: 50px 50px 0 0; */
+    /* box-sizing: border-box; */
+    overflow: hidden;
+}
+
+.main .tv .bg #lst_tvCtgyFrm .item #tvctg_title {
+    line-height: 50px;
+    /* padding: 0 0 0 10px; */
+    /* margin: 0 0 0px 10px; */
+    font-size: 40px;
+    text-align: center;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+    white-space: nowrap;
+    display: none;
+}
+/************************************************************/
+/* TV CATEGORY FRAME STYLE                          [ END ] */
+/************************************************************/
+
+
+/************************************************************/
+/* TV CHANNEL FRAME STYLE                         [ START ] */
+/************************************************************/
+.main .tv .bg .chFrm {
+    position: absolute;
+    top: 82%;
+    left: 0 px;
+    width: 100%;
+    height: 134px;
+    margin: 0;
+    padding: 0;
+    color: rgba(245,245,245,1.0);
+    background-color: rgba(0,0,0,0.8);
+    display: flex;
+    overflow: hidden;
+}
+
+.main .tv .bg .chFrm .chLogo {
+    width: 15%;
+    height: 100%;
+    margin: 0;
+    padding: 10px 10px 10px 10px;
+}
+
+.main .tv .bg .chFrm .chLogo #icon{
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background-repeat: no-repeat;
+    background-color: rgba(255,255,255,1);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 10px;
+    border: 2px solid rgb(67, 82, 105);
+}
+
+.main .tv .bg .chFrm .chNum {
+    width: 10%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chNum #arrow_up{
+    padding: 0;
+    width: 22px;
+    height: 22px;
+    margin: 10px 0 0 86px;
+    transform: rotate(-45deg) skew(15deg, 15deg);
+    border-top: 5px #fff solid;
+    border-right: 5px #fff solid;
+    /* text-align: center; */
+    display: block;
+}
+
+.main .tv .bg .chFrm .chNum #number{
+    width: 100%;
+    height: 48%;
+    margin: 0;
+    padding: 0;
+    line-height: 64px;
+    font-size: 48px;
+    text-align: center;
+    vertical-align: middle;
+    display: block;
+    /* background-color: red; */
+}
+
+.main .tv .bg .chFrm .chNum #arrow_down{
+    width: 22px;
+    height: 22px;
+    margin: 0px 0 0 86px;
+    transform: rotate(135deg) skew(15deg, 15deg);
+    border-top: 5px #fff solid;
+    border-right: 5px #fff solid;
+    display: block;
+}
+
+.main .tv .bg .chFrm .chDesc {
+    width: 75%;
+    height: 100%;
+    margin: 0;
+    padding: 5px 0px 5px 0px;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_chname{
+    width: 100%;
+    height: 34px;
+    line-height: 34px;
+    font-size: 30px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_title{
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    font-size: 50px;
+    margin: 0;
+    padding: 0;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details{
+    width: 100%;
+    height: 28px;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    line-height: 28px;
+    font-size: 20px;
+    overflow: hidden;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_current{
+    width: 20%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_playing{
+    width: 20%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_chart{
+    width: 58%;
+    height: 86%;
+    margin: 0;
+    padding: 0;
+    background-color: rgba(80,80,80,0.8);
+    border-radius: 10px;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_chart .progress{
+    margin: 5px 5px 0px 5px;
+    /* padding: 14px 0px 0px 0px; */
+    height: 14px;
+    /* vertical-align: middle; */
+    background-color: rgba(245,245,245,0.8);
+    border-radius: 10px;
+}
+
+/************************************************************/
+/* TV CHANNEL FRAME STYLE                           [ END ] */
+/************************************************************/
+
+/************************************************************/
+/* TV SHORTCUT STYLE                              [ START ] */
+/************************************************************/
+.main .tv .shortcut_mode0 {
+    position: absolute;
+    top: 3%;
+    left: 87%;
+    width: 12%;
+    height: 72px;
+    /* background: rgba(0, 0, 0, 0.7); */
+    /* background-color: red; */
+    background-color: rgba(0, 0, 0, 0.8);
+    padding: 0px 0px 0px 0px;
+    border-top: 5px solid rgb(40, 40, 40);
+    border-bottom: 5px solid rgb(40, 40, 40);
+    display: none;
+    font-size: 52px;
+    line-height: 62px;
+    color: rgb(245,245,245);
+    text-align: center;
+    display: none;
+}
+
+
+.main .tv .shortcut_mode1 {
+    position: absolute;
+    top: 18%;
+    left: 75%;
+    width: 440px;
+    height: 230px;
+    background: rgba(0, 0, 0, 0.7);
+    padding: 20px 6px 20px 6px;
+    border-top: 5px solid rgba(0,0,0,0.7);
+    border-bottom: 5px solid rgba(0,0,0,0.7);
+    display: none;
+}
+
+.main .tv .shortcut_mode1 div#suggestion {
+    position: absolute;
+    width: 100%;
+    height: 84%;
+}
+
+.main .tv .shortcut_mode1 div#suggestion table {
+    width: 100%;
+    height: 100%;
+    /* padding: 3px 0px 3px 0px; */
+    border-collapse: collapse;
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    color: rgba(240,240,240,1);
+    overflow: scroll;
+    padding: 14px 0px 0px 0px;
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr {
+    width: 96%;
+    display: block;
+    float: left;
+    padding: 5px 0px 5px 0px;
+    border-bottom: 1px solid rgb(67, 82, 105);
+    border-top: 1px solid rgb(67, 82, 105);
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr.active {
+    color:rgb(255, 192, 0);
+    background-color: rgba(0,0,0,0.6);
+    border-top: 2px solid rgb(255, 192, 0);
+    border-bottom: 2px solid rgb(255, 192, 0);
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem {
+    font-size: 40px;
+    line-height: 1;
+    width: 100%;
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#logo {
+    width: 24%;
+    height: 40px;
+    /* height: 100%; */
+    float: left;
+    background-color: rgba(235,235,235,1);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 10px;
+    border: 2px solid rgb(67, 82, 105);
+    /* margin: 1%; */
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#num {
+    width: 18%;
+    float: left;
+    text-align: center;
+    /* margin: 4px 0px 1px 0px; */
+    overflow: hidden;
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#title {
+    width: 54%;
+    float: left;
+    text-align: center;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    /* margin: 4px 0px 1px 0px; */
+}
+
+/************************************************************/
+/* TV SHORTCUT STYLE                                [ END ] */
+/************************************************************/
--- a/procentric/application/theme/HLT00001/hoteltv.app.full.widjet.css
+++ b/procentric/application/theme/HLT00001/hoteltv.app.full.widjet.css
@@ -0,0 +1,144 @@
+/* STEP[#003]: Define WIDGET FRAMES */
+
+.widjet {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+    text-shadow: 0 0 10px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
+    z-index: 2;
+}
+
+.widjet .top {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100px;
+    /* background-color: rgba(0, 0, 0, 0.5); */
+    /* filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 1)); */
+    padding: 0px;
+    display: none;
+}
+
+
+/* SETP[#003-1]: Hotel Logo */
+
+.widjet .top .hotellogo {
+    position: absolute;
+    width: 300px;
+    height: 80px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    margin: 10px 0 4px 10px;
+    display: block;
+}
+
+
+/* SETP[#003-2]: Message */
+
+.widjet .top .message {
+    position: absolute;
+    top: -11px;
+    left: 1618px;
+    height: 100px;
+    /* float: left; */
+    display: block;
+    padding: 24px 10px 10px 10px;
+}
+
+.widjet .top .message #unread_cnt {
+    /* position: relative; */
+    width: 66px;
+    height: 100%;
+    float: left;
+    background-image: url(images/icons/icon_widjet_top_message_cnt.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    padding: 4px 0px 0px 0px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+    line-height: 52px;
+    text-align: center;
+}
+
+
+/* SETP[#003-3]: Weather */
+
+.widjet .top .weather {
+    position: absolute;
+    top: -11px;
+    left: 1370px;
+    height: 100px;
+    float: left;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: block;
+    margin: 7px 0px 0px 0px;
+}
+
+.widjet .top .weather #icon {
+    position: relative;
+    /* top: -10px; */
+    left: 16px;
+    width: 100px;
+    height: 100%;
+    float: left;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 0.5));
+}
+
+.widjet .top .weather #temp {
+    position: relative;
+    left: 14px;
+    float: left;
+    font-size: 60px;
+    line-height: 100px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+}
+
+
+/* SETP[#003-4]: Date&Time */
+
+.widjet .top .datetime {
+    position: absolute;
+    left: 1630px;
+    width: 270px;
+    height: 60px;
+    margin: 10px 30px 10px 0;
+    color: rgb(235, 235, 235);
+}
+
+.widjet .top .datetime p {
+    margin: 0;
+    padding: 0;
+}
+
+.widjet .top .datetime .time {
+    font-size: 52px;
+    line-height: 52px;
+    padding: 5px 0;
+    text-align: right;
+    /* -webkit-text-stroke: 1px rgb(64,64,64); */
+}
+
+.widjet .top .datetime .date {
+    letter-spacing: 0.1em;
+    font-size: 24px;
+    line-height: 24px;
+    text-align: right;
+}
--- a/procentric/application/theme/HLT00001/hoteltv.welcome.css
+++ b/procentric/application/theme/HLT00001/hoteltv.welcome.css
@@ -0,0 +1,159 @@
+body {
+    overflow: hidden;
+}
+
+.welcome {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    display: none;
+    z-index: 1;
+}
+
+.welcome .frame {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 1);
+    background-image: none;
+    background-size: cover;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+.welcome .frame .msgwin {
+    position: absolute;
+    top: 98px;
+    left: 519px;
+    width: 884px;
+    height: 648px;
+    padding: 0px;
+    /* background-image: url(./images/bg_language_welcome_box.png);
+    background-size: cover; */
+    background-repeat: no-repeat;
+    background: linear-gradient(rgba(45,45,45,0.6),rgba(16,16,16,0.7));
+    border-radius: 11px;
+    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
+}
+
+.welcome .frame .msgwin #hotellogo {
+    position: absolute;
+    top: 108px;
+    left: 135px;
+    width: 634px;
+    height: 270px;
+    padding: 0px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    /* background-position: center; */
+    background-position: top;
+}
+
+.welcome .frame .msgwin #guestname {
+    position: absolute;
+    top: 424px;
+    left: 0px;
+    width: 804px;
+    height: 65px;
+    padding: 0px 0px 5px 0px;
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    border-bottom: solid rgb(192,192,192) 3px;
+    font-size: 65px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 65px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .msgwin #welcomemsg {
+    position: absolute;
+    top: 516px;
+    left: 0px;
+    width: 804px;
+    height: 44px;
+    /* padding: 0px; */
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    font-size: 33px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 33px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .guide#langsel {
+    position: absolute;
+    top: 1037px;
+    left: 0px;
+    width: 1920px;
+    height: 54px;
+    background-color: rgba(0, 0, 0, 0.8);
+    display: inline-block;
+    color: rgba(200, 200, 200, 1);
+    font-size: 32px;
+    line-height: 43px;
+    text-align: center;
+    border-top: solid rgb(128, 128, 128);
+}
+
+.welcome #lst_langsel {
+    position: absolute;
+    top: 962px;
+    left: 0;
+    height: 76px;
+    line-height: 76px;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    display: none;
+}
+
+.welcome #lst_langsel .item {
+    color: rgba(200, 200, 200, 1);
+    font-size: 44px;
+    text-align: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.welcome #lst_langsel .owl-item.active.center div {
+    background-image: var(--btn_focus);
+}
+
+.welcome #lst_langsel .owl-item.active div {
+    background-image: var(--btn_unfocus);
+}
+
+.control .skip_video {
+    z-index: 10000;
+    position: absolute;
+    z-index: 10000;
+    top: 927px;
+    left: 1579px;
+    width: 246px;
+    height: 68px;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 0.0);
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: none;
+}
--- a/procentric/application/theme/HLT00001/images/bg_language_welcome_box.png
+++ b/procentric/application/theme/HLT00001/images/bg_language_welcome_box.png
--- a/procentric/application/theme/HLT00001/images/bg_message_cream-paper.png
+++ b/procentric/application/theme/HLT00001/images/bg_message_cream-paper.png
--- a/procentric/application/theme/HLT00001/images/bg_message_detail.png
+++ b/procentric/application/theme/HLT00001/images/bg_message_detail.png
--- a/procentric/application/theme/HLT00001/images/bt_language_tab_focus.png
+++ b/procentric/application/theme/HLT00001/images/bt_language_tab_focus.png
--- a/procentric/application/theme/HLT00001/images/bt_language_tab_unfocus.png
+++ b/procentric/application/theme/HLT00001/images/bt_language_tab_unfocus.png
--- a/procentric/application/theme/HLT00001/images/bt_skip_ch01.png
+++ b/procentric/application/theme/HLT00001/images/bt_skip_ch01.png
--- a/procentric/application/theme/HLT00001/images/bt_skip_ch02.png
+++ b/procentric/application/theme/HLT00001/images/bt_skip_ch02.png
--- a/procentric/application/theme/HLT00001/images/bt_skip_en.png
+++ b/procentric/application/theme/HLT00001/images/bt_skip_en.png
--- a/procentric/application/theme/HLT00001/images/bt_skip_jp.png
+++ b/procentric/application/theme/HLT00001/images/bt_skip_jp.png
--- a/procentric/application/theme/HLT00001/images/bt_skip_ko.png
+++ b/procentric/application/theme/HLT00001/images/bt_skip_ko.png
--- a/procentric/application/theme/HLT00001/images/hoteltv_service_error.png
+++ b/procentric/application/theme/HLT00001/images/hoteltv_service_error.png
--- a/procentric/application/theme/HLT00001/images/hoteltv_service_preparing.png
+++ b/procentric/application/theme/HLT00001/images/hoteltv_service_preparing.png
--- a/procentric/application/theme/HLT00001/images/hoteltv_service_preparing_joson.jpg
+++ b/procentric/application/theme/HLT00001/images/hoteltv_service_preparing_joson.jpg
--- a/procentric/application/theme/HLT00001/images/icon_brochure_next.png
+++ b/procentric/application/theme/HLT00001/images/icon_brochure_next.png
--- a/procentric/application/theme/HLT00001/images/icon_brochure_prev.png
+++ b/procentric/application/theme/HLT00001/images/icon_brochure_prev.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_btn_back.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_btn_back.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_btn_media_play.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_btn_media_play.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_btn_media_stop.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_btn_media_stop.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_btn_movie_play.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_btn_movie_play.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_contact_phone_48x48.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_contact_phone_48x48.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_contact_phone_96x96.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_contact_phone_96x96.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_cotact_email_48x48.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_cotact_email_48x48.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_cotact_email_96x96.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_cotact_email_96x96.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_humidity.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_humidity.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_loading_256x256.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_loading_256x256.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_mypage_title.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_mypage_title.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_place_48x48.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_place_48x48.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_place_96x96.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_place_96x96.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_read_message_48x48.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_read_message_48x48.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_unread_message_48x48.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_unread_message_48x48.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_widjet_top_message_cnt.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_widjet_top_message_cnt.png
--- a/procentric/application/theme/HLT00001/images/icons/icon_wind.png
+++ b/procentric/application/theme/HLT00001/images/icons/icon_wind.png
--- a/procentric/application/theme/HLT00001/images/quantity_edit_arrow.png
+++ b/procentric/application/theme/HLT00001/images/quantity_edit_arrow.png
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.css
@@ -0,0 +1,105 @@
+/* STEP[#001]: Define Main */
+
+.main {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    text-shadow: 0 0 10px rgba(38, 18, 18, 0.5), 0 0 10px rgba(65, 65, 65, 1);
+    z-index: 1;
+}
+
+.main ::-webkit-scrollbar {
+    display: none;
+}
+
+.control {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.control .mm .hotkey_red {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_green {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_yellow {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_blue {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+
+/* SETP[#003-4]: Player */
+
+.player {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+}
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.ctzgen.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.ctzgen.css
@@ -0,0 +1,291 @@
+.main .ctzgen {
+    position: absolute;
+    top: 2160px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-image: url(tv:);
+    display: none;
+}
+
+.main .ctzgen .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .ctzgen .bg .owl-dots {
+    position: absolute;
+    top: 980px;
+    width: 100%;
+    align-content: center;
+}
+
+
+/* .main .ctzgen .bg .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+} */
+
+.main .ctzgen .bg div#lst_ctzgenbg {
+    position: absolute;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: var(--bg_noplay);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: url(tv:);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay .item .ctz_desc_frame {
+    opacity: 1;
+    animation-delay: 6s;
+    animation-name: fadeOutCtzDescFrame;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes fadeOutCtzDescFrame {
+    0% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+
+/* OWL Contents Menu Selector Container */
+
+.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .ctzgen .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctzgen_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame {
+    position: absolute;
+    top: 130px;
+    left: 1280px;
+    width: 620px;
+    height: 830px;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.7);
+    padding: 0px 12px 0px 12px;
+    overflow: hidden;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_title {
+    position: absolute;
+    display: flex;
+    font-size: 44px;
+    /* line-height: 44px; */
+    line-height: 1;
+    height: 115px;
+    width: 100%;
+    padding: 10px;
+    white-space: pre-wrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    /* justify-content: center; */
+    align-items: center;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail {
+    margin: 120px 10px 40px 10px;
+    height: 220px;
+    /* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
+    /*    border: 4px solid rgb(255, 255, 255); */
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail img {
+    width: auto;
+    height: 212px;
+    overflow: hidden;
+    /* border: 2px solid rgb(40, 40, 40); */
+    border: 2px solid rgb(160, 160, 160);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_description {
+    position: absolute;
+    font-size: 26px;
+    width: 93%;
+    line-height: 1.2;
+    margin: 0 10px 0 10px;
+}
+
+
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_imgvwr_frame {
+    position: absolute;
+    top: 130px;
+    width: 1920px;
+    height: 830px;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 0px 12px 0px 12px;
+    overflow: hidden;
+}
+
+
+
+
+
+
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl {
+    position: absolute;
+    top: 970px;
+    left: 1700px;
+    height: 54px;
+    line-height: 54px;
+    color: rgb(235, 235, 235);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    white-space: nowrap;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
+    animation-delay: 4s;
+    animation-name: moveCtzMvCtrl;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes moveCtzMvCtrl {
+    from {
+        left: 1700px;
+    }
+    to {
+        left: 2220px
+    }
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
+    position: absolute;
+    content: '';
+    width: 128px;
+    height: 54px;
+    margin-left: -140px;
+    background-image: url("./images/icons/icon_btn_media_play.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
+    animation-name: iconCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes iconCtzMvCtrlBtn {
+    0% {
+        transform: rotateX(0deg);
+    }
+    50% {
+        transform: rotateX(90deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+    100% {
+        transform: rotateX(0deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
+    content: var(--playmsg);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
+    animation-delay: 1s;
+    animation-name: msgCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes msgCtzMvCtrlBtn {
+    0% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0;
+        content: var(--stopmsg);
+    }
+    50% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+    100% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+}
+
+.image-slider {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 480px;
+    height: 272px;
+}
+
+.main #imageGallery {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 480px;
+    height: 272px;
+    padding: 0px;
+    overflow: hidden;
+}
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.guide.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.guide.css
@@ -0,0 +1,26 @@
+/* Brocure */
+
+.guide {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+    z-index: 2;
+    display: block;
+}
+
+.guide>.tips {
+    position: absolute;
+    top: 1034px;
+    left: 0px;
+    width: 1920px;
+    height: 40px;
+    font-size: 32px;
+    text-align: center;
+    line-height: 40px;
+    background-color: rgba(19, 21, 23, 0.6);
+    color: rgb(255, 255, 255);
+}
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.mm.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.mm.css
@@ -0,0 +1,137 @@
+/* STEP[#002]: Define MAIN-MENU BG FRAMES */
+
+.main .mm {
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+}
+
+.main .mm .bg {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mm .bg div {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mm .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mm .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+}
+
+
+/* STEP[#003]: Define MAIN-MENU SELECTOR FRAMES */
+
+.main .mm .slider {
+    position: absolute;
+    /* top: 734px; */
+    top: 884px;
+    left: 0px;
+    width: 1920px;
+    /* height: 300px; */
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mm .slider .owl-carousel.owl-theme {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 50px 0 0 0;
+}
+
+.main .mm .slider .owl-carousel.owl-theme .owl-carousel-outer {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#mm_item_title {
+    position: absolute;
+    /* top: 190px; */
+    top: 22px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    line-height: 52px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#mm_item_icon {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Main Menu Selector Container */
+
+.main .mm .slider .owl-dots {
+    position: absolute;
+    top: -45px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .mm .slider .owl-theme .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+    background: none;
+}
+
+.main .mm .slider .owl-theme .owl-dots .owl-dot.active span {
+    /* background: rgb(181, 218, 16); */
+    background: rgb(245, 245, 245);
+}
+
+
+/* .main .mm .slider .owl-carousel .owl-item.active.focus div {
+    transform: scale(1.14);
+} */
+
+.main .mm .slider .owl-carousel .owl-item.active.focus:after {
+    width: 336px;
+}
+
+.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+    width: 264px;
+}
+
+.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
+    transform: scale(1.1);
+}
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.mm.flight.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.mm.flight.css
@@ -0,0 +1,194 @@
+/* =============================
+   Main Menu Flight Format
+*/
+
+.main .mm .flight {
+    position: absolute;
+    top: 120px;
+    left: 0px;
+    width: 100%;
+    height: 620px;
+    max-height: 620px;
+    padding-left: 0;
+    margin: 0;
+    background-color: rgba(0, 0, 0, .5);
+    filter: drop-shadow(4px 4px 10px rgba(255, 255, 255, 0.8));
+    overflow: hidden;
+    z-index: 1;
+    display: none;
+}
+
+.main .mm .flight .departure {
+    width: 50%;
+    height: 100%;
+    position: absolute;
+}
+
+.main .mm .flight .arrival {
+    left: 52%;
+    width: 50%;
+    height: 100%;
+    position: absolute;
+}
+
+.main .mm .flight #title {
+    font-size: 40px;
+    color: rgb(235, 235, 235);
+    height: 46px;
+}
+
+.main .mm .flight .departure #title {
+    text-align:left;
+    margin-left:10px;
+}
+
+.main .mm .flight .arrival #title {
+    text-align:right;
+    margin-right:50px;
+}
+
+.main .mm .flight table {
+    position: absolute;
+    width: 940px;
+    height: 540px;
+    margin-left: 10px;
+    margin-right: 10px;
+    color: rgb(235, 235, 235);
+    text-align: center;
+    white-space: normal;
+    word-break: break-word;
+    border-collapse: collapse;
+    display: block;
+    overflow: auto;
+}
+
+.main .mm .flight #border_table_bottom {
+    position:absolute;
+    top:560px;
+    margin-left:10px;
+    width:900px;
+    height:20px;
+    background-color: rgba(0,0,0,0.4);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+.main .mm .flight #caution {
+    top: 590px;
+    width: 99%;
+    height:50px;
+    text-align: right;
+    color:rgb(180,180,190);
+    position: absolute;
+}
+
+
+/* .main .mm .flight table::-webkit-scrollbar {
+    display: none;
+} */
+
+.main .mm .flight table tbody#record {
+    position: absolute;
+    width: 100%;
+    height: 460px;
+    top: 52px;
+    overflow-y: scroll;
+}
+
+.main .mm .flight .tbl_header tr {
+    height: 50px;
+    max-height: 50px;
+}
+
+.main .mm .flight table #airline {
+    width: 118px;
+    max-width: 120px;
+}
+
+.main .mm .flight table #flight {
+    width: 70px;
+    max-width: 70px;
+}
+
+.main .mm .flight table #scheduled {
+    width: 128px;
+    max-width: 130px;
+}
+
+.main .mm .flight table #origin {
+    width: 88px;
+    max-width: 90px;
+}
+
+.main .mm .flight table #destination {
+    width: 122px;
+    max-width: 124px;
+}
+
+.main .mm .flight table #type {
+    width: 148px;
+    max-width: 150px;
+}
+
+.main .mm .flight table #gate {
+    width: 58px;
+    max-width: 60px;
+}
+
+.main .mm .flight table td#status {
+    width: 168px;
+    max-width: 169px;
+}
+
+.main .mm .flight table th#airline {
+    border-top-left-radius: 10px;
+}
+
+.main .mm .flight table th#status {
+    width: 168px;
+    max-width: 169px;
+    border-top-right-radius: 10px;
+}
+
+.main .mm .flight table th {
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    background: rgba(0, 0, 0, 0.4);
+}
+
+.main .mm .flight table td {
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    background: rgba(0, 0, 0, 0.2);
+}
+
+.main .mm .flight ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.main .mm .flight ::-webkit-scrollbar-track {
+    background-color: lightblue;
+}
+
+.main .mm .flight ::-webkit-scrollbar-track-piece {
+    background-color: gray;
+}
+
+.main .mm .flight ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+.main .mm .flight ::-webkit-scrollbar-button:start {
+    background-color: orange;
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.main .mm .flight ::-webkit-scrollbar-button:end {
+    background-color: orange;
+    /* Bottom, Right 방향의 이동버튼 */
+}
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.mm.weather.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.mm.weather.css
@@ -0,0 +1,186 @@
+/* =============================
+   Main Menu Weather Format 
+*/
+
+.main .mm .weather {
+    position: absolute;
+    top: 200px;
+    left: 0px;
+    width: 100%;
+    height: 400px;
+    max-height: 400px;
+    padding-left: 0;
+    margin: 0;
+    background-color: rgba(235, 235, 235, .5);
+    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.8));
+    z-index: 1;
+    display: none;
+}
+
+.main .mm .weather .location {
+    position: absolute;
+    top: 40px;
+    left: 100px;
+    font-size: 50px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    z-index: 1;
+    display: block;
+}
+
+.main .mm .weather .today {
+    position: absolute;
+    top: 0px;
+    left: 100px;
+    width: 320px;
+    height: 100%;
+}
+
+.main .mm .weather .today #temp_cur {
+    position: relative;
+    top: 110px;
+    font-size: 160px;
+    text-align: center;
+    color: rgb(21, 126, 251);
+}
+
+.main .mm .weather .today #temp_minmax {
+    position: relative;
+    top: 120px;
+    font-size: 50px;
+    text-align: right;
+    color: rgb(235, 235, 235);
+    display: block;
+}
+
+.main .mm .weather .today .detail {
+    position: absolute;
+    top: 40px;
+    left: 400px;
+    width: 400px;
+    height: 360px;
+    color: rgb(235, 235, 235);
+    overflow: hidden;
+    display: block;
+}
+
+.main .mm .weather .today .detail #discription {
+    height: 50px;
+    font-size: 40px;
+    text-align: center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #img_status {
+    height: 160px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #humidity {
+    width: 100%;
+    padding: 20px;
+    height: 40px;
+    text-align: center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #wind {
+    width: 100%;
+    height: 40px;
+    text-align: center;
+    display: block;
+    margin-top: 24px;
+}
+
+.main .mm .weather .today .detail #icon {
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+}
+
+.main .mm .weather .forcast .daily {
+    position: absolute;
+    top: 10px;
+    left: 1000px;
+    width: 910px;
+    height: 180px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    padding: 5px 0 0 10px;
+    color: rgb(235, 235, 235);
+}
+
+.main .mm .weather .forcast .daily ul {
+    width: 95%;
+    height: 100px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast .daily li {
+    width: 150px;
+    height: 90px;
+    font-size: 24px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: right center;
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+    float: left;
+    display: inline;
+    margin: 0 10px 0 10px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast div#time {
+    height: 90%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
+
+.main .mm .weather .forcast div#temp {
+    margin-top: 8px;
+    height: 30%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
+
+.main .mm .weather .forcast .weekly {
+    position: absolute;
+    top: 200px;
+    left: 1000px;
+    width: 910px;
+    height: 190px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+    padding: 0 0 0 10px;
+    color: rgb(235, 235, 235);
+}
+
+.main .mm .weather .forcast .weekly ul {
+    width: 95%;
+    height: 100px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast .weekly li {
+    width: 150px;
+    height: 90px;
+    font-size: 24px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: right center;
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+    float: left;
+    display: inline;
+    margin: 0 10px 0 10px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast div#date {
+    height: 90%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.mypage.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.mypage.css
@@ -0,0 +1,518 @@
+.main .mypage {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .mypage .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .mypage .bg div#lst_mypagebg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: var(--bg_noplay);
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
+    width: 100%;
+    height: 100%;
+    background-image: url(tv:);
+}
+
+.main .mypage .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .mypage .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mypage .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#mp_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    font-size: 2.2vw;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#mp_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+div#lst_mypagebg div #mp_accomo_title {
+    position: absolute;
+    top: 165px;
+    left: 224px;
+    width: 1536px;
+    height: 42px;
+    line-height: 42px;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+}
+
+div#lst_mypagebg div #mp_accomo_title::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 40px;
+    margin-left: -62px;
+    background-image: url("./images/icons/icon_mypage_title.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_accomo_infowin {
+    position: absolute;
+    top: 230px;
+    left: 160px;
+    width: 1600px;
+    height: 600px;
+    padding: 30px 10px 10px 10px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(28, 28, 28);
+    background-color: rgba(0, 0, 0, 0.5);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item {
+    font-size: 32px;
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #header {
+    width: 20%;
+    height: 50px;
+    text-align: right;
+    display: inline-block;
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #value {
+    width: 80%;
+    margin-left: 50px;
+}
+
+div#lst_mypagebg div #mp_hotel_infowin {
+    position: absolute;
+    top: 664px;
+    left: 190px;
+    width: 1540px;
+    height: 132px;
+    background-color: rgba(84, 84, 84, 0.9);
+    padding: 10px 11px 10px 11px;
+    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item {
+    width: 32%;
+    height: 100%;
+    display: inline-block;
+    padding: 5px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    text-shadow: 0 0 3px rgba(0, 0, 0, 1);
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #title {
+    display: block;
+    font-size: 26px;
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address {
+    position: absolute;
+    width: 470px;
+    top: 60px;
+    margin-left: 26px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -32px;
+    background-image: url("./images/icons/icon_place_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email {
+    position: absolute;
+    width: 470px;
+    top: 60px;
+    margin-left: 32px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -36px;
+    background-image: url("./images/icons/icon_cotact_email_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone {
+    position: absolute;
+    width: 470px;
+    top: 90px;
+    margin-left: 32px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -36px;
+    background-image: url("./images/icons/icon_contact_phone_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_message_title {
+    position: absolute;
+    top: 165px;
+    left: 224px;
+    width: 1536px;
+    height: 42px;
+    line-height: 42px;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+}
+
+div#lst_mypagebg div #mp_message_title::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 40px;
+    margin-left: -62px;
+    background-image: url("./images/icons/icon_cotact_email_96x96.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_message_table {
+    position: absolute;
+    top: 230px;
+    left: 160px;
+    width: 1600px;
+    height: 600px;
+    padding: 10px 10px 10px 32px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(28, 28, 28);
+    background-color: rgba(0, 0, 0, 0.5);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr {
+    position: absolute;
+    width: 1580px;
+    font-size: 36px;
+    line-height: 74px;
+    display: block;
+    border-collapse: collapse;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr {
+    text-align: center;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr th {
+    border-bottom: 5px solid rgb(94, 94, 94, 1);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#num {
+    width: 160px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#title {
+    width: 780px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#from {
+    width: 300px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#date {
+    width: 280px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec {
+    position: absolute;
+    top: 90px;
+    width: 1580px;
+    height: 478px;
+    font-size: 32px;
+    overflow: auto;
+    display: block;
+    border-collapse: separate;
+    border-spacing: 0 16px;
+    text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 1);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tbody {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow-y: scroll;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr {
+    line-height: 52px;
+    text-align: center;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr.focus {
+    background-color: rgba(127, 127, 127, 0.9);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr td {}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num {
+    width: 160px;
+    padding-left: 90px;
+    text-align: left;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num::before {
+    position: absolute;
+    content: '';
+    background-image: url(./images/icons/icon_unread_message_48x48.png);
+    margin-top: 6px;
+    width: 42px;
+    height: 38px;
+    margin-left: -64px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    filter: drop-shadow(0 0 4px rgb(0, 0, 0));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num.read::before {
+    position: absolute;
+    content: '';
+    background-image: url(./images/icons/icon_read_message_48x48.png);
+    margin-top: 6px;
+    width: 42px;
+    height: 38px;
+    margin-left: -64px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    filter: drop-shadow(0 0 4px rgb(0, 0, 0));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#title {
+    width: 780px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#from {
+    width: 300px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#date {
+    width: 280px;
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .mypage .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mp_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .mypage .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+
+
+
+/**********************************************************************
+ * Replay Welcome movie
+ **********************************************************************/
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl {
+    position: absolute;
+    top: 820px;
+    left: 1700px;
+    height: 54px;
+    line-height: 54px;
+    color: rgb(235, 235, 235);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    white-space: nowrap;
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
+    animation-delay: 4s;
+    animation-name: moveMypageMvCtrl;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes moveMypageMvCtrl {
+    from {
+        left: 1700px;
+    }
+    to {
+        left: 2220px
+    }
+}
+
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
+    position: absolute;
+    content: '';
+    width: 128px;
+    height: 54px;
+    margin-left: -140px;
+    background-image: url("./images/icons/icon_btn_media_play.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
+    animation-name: iconCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes iconCtzMvCtrlBtn {
+    0% {
+        transform: rotateX(0deg);
+    }
+    50% {
+        transform: rotateX(90deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+    100% {
+        transform: rotateX(0deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+}
+
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
+    content: var(--playmsg);
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
+    animation-delay: 1s;
+    animation-name: msgMypageMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes msgMypageMvCtrlBtn {
+    0% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0;
+        content: var(--stopmsg);
+    }
+    50% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+    100% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+}
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.news.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.news.css
@@ -0,0 +1,43 @@
+/* 뉴스 */
+
+.news {
+    position: absolute;
+    top: 1044px;
+    left: 0;
+    width: 100%;
+    height: 36px;
+    background-color: rgba(19, 21, 23, 0.6);
+    filter: drop-shadow(0 -10px 5px rgba(0, 0, 0, 0.5));
+    display: none;
+    z-index: 1;
+}
+
+.news>.title {
+    position: absolute;
+    width: 160px;
+    color: rgb(235, 235, 235);
+    font-size: 32px;
+    line-height: 32px;
+    text-align: center;
+    border: solid rgba(0, 0, 0, 0.5);
+    margin: 0 20px 0 20px;
+    background-color: rgba(128, 128, 128, 0.3);
+}
+
+.news>.newsctz {
+    padding: 0;
+    margin: 8px 0 0 200px;
+    color: rgb(165, 175, 185);
+}
+
+.news>.newsctz #hoteltv-news-ticker li {
+    font-size: 26px;
+    line-height: 24px;
+}
+
+.news>.newsctz #hoteltv-news-ticker li img {
+    height: 34px;
+    vertical-align: top;
+    /* padding: 3px 10px 10px 0; */
+    object-fit: cover;
+}
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.popup.css
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.sm.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.sm.css
@@ -0,0 +1,174 @@
+.main .sub {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .sub .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .sub .bg div#lst_smbg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .sub .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .sub .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#sm_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#sm_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="sm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .sub .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .sub .slider .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+}
+
+.main .sub .slider .owl-dots .owl-dot.active span {
+    background: rgb(255, 192, 0);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame {
+    position: absolute;
+    top: 130px;
+    left: 1550px;
+    width: 360px;
+    height: 734px;
+    line-height: 50px;
+    background-color: rgba(0, 0, 0, 0.7);
+    overflow: hidden;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_item {
+    width: 320px;
+    height: 180px;
+    float: left;
+    margin: 10px 20px 10px 20px;
+    /* filter: drop-shadow(0 0 10px rgba(235, 235, 235, 0.9));
+    border-radius: 6px; */
+    text-align: center;
+    line-height: 50px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(160, 160, 160);
+    display: inline;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_title {
+    font-size: 30px;
+    margin-left: 20px;
+    color: rgb(235, 235, 235);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_morenotice {
+    font-size: 22px;
+    margin: 20px 5px 10px 20px;
+    line-height: 25px;
+    overflow-wrap: break-word;
+    color: rgb(181, 218, 16);
+    animation: bg_ctz_thumb_morenotice_blinker 2s linear infinite;
+}
+
+@keyframes bg_ctz_thumb_morenotice_blinker {
+    50% {
+        color: rgb(235, 235, 235);
+    }
+}
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.tv.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.tv.css
@@ -0,0 +1,352 @@
+/* TV Menu */
+
+.main .tv {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background: url(tv:);
+}
+
+.main .tv .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background: url(tv:);
+    /* background: url(https://cropper.watch.aetnd.com/public-content-aetn.video.aetnd.com/video-thumbnails/AETN-History_VMS/21/200/tdih-jun01-HD.jpg); */
+    overflow: hidden;
+    display: none;
+}
+
+/************************************************************/
+/* TV CATEGORY FRAME STYLE                        [ START ] */
+/************************************************************/
+.main .tv .bg #lst_tvCtgyFrm {
+    position: relative;
+    top: 0%;
+    left: 37%;
+    max-width: 26%;
+    width: 26%;
+    height: 50px;
+    margin: 0;
+    padding: 0;
+    /* background-color: red; */
+    overflow: hidden;
+}
+
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage{
+    width: 100%;
+    height: 50px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage .owl-item .item {
+    background-color: rgba(0, 0, 0, 0.4); */
+    /* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
+    border: solid rgb(137, 139, 129);
+    /* border-radius: 10px; */
+    /* background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(120, 120, 120, 0.7) 70%, rgba(0, 0, 0, 0.7) 85%); */
+    /* border-color: rgba(230,230,230,0.3) transparent transparent transparent; */
+    /* border-width: 50px 50px 0 0; */
+    /* box-sizing: border-box; */
+    overflow: hidden;
+}
+
+.main .tv .bg #lst_tvCtgyFrm .item #tvctg_title {
+    line-height: 50px;
+    /* padding: 0 0 0 10px; */
+    /* margin: 0 0 0px 10px; */
+    font-size: 40px;
+    text-align: center;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+    white-space: nowrap;
+    display: none;
+}
+/************************************************************/
+/* TV CATEGORY FRAME STYLE                          [ END ] */
+/************************************************************/
+
+
+/************************************************************/
+/* TV CHANNEL FRAME STYLE                         [ START ] */
+/************************************************************/
+.main .tv .bg .chFrm {
+    position: absolute;
+    top: 82%;
+    left: 0 px;
+    width: 100%;
+    height: 134px;
+    margin: 0;
+    padding: 0;
+    color: rgba(245,245,245,1.0);
+    background-color: rgba(0,0,0,0.8);
+    display: flex;
+    overflow: hidden;
+}
+
+.main .tv .bg .chFrm .chLogo {
+    width: 15%;
+    height: 100%;
+    margin: 0;
+    padding: 10px 10px 10px 10px;
+}
+
+.main .tv .bg .chFrm .chLogo #icon{
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background-repeat: no-repeat;
+    background-color: rgba(255,255,255,1);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 10px;
+    border: 2px solid rgb(67, 82, 105);
+}
+
+.main .tv .bg .chFrm .chNum {
+    width: 10%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chNum #arrow_up{
+    padding: 0;
+    width: 22px;
+    height: 22px;
+    margin: 10px 0 0 86px;
+    transform: rotate(-45deg) skew(15deg, 15deg);
+    border-top: 5px #fff solid;
+    border-right: 5px #fff solid;
+    /* text-align: center; */
+    display: block;
+}
+
+.main .tv .bg .chFrm .chNum #number{
+    width: 100%;
+    height: 48%;
+    margin: 0;
+    padding: 0;
+    line-height: 64px;
+    font-size: 48px;
+    text-align: center;
+    vertical-align: middle;
+    display: block;
+    /* background-color: red; */
+}
+
+.main .tv .bg .chFrm .chNum #arrow_down{
+    width: 22px;
+    height: 22px;
+    margin: 0px 0 0 86px;
+    transform: rotate(135deg) skew(15deg, 15deg);
+    border-top: 5px #fff solid;
+    border-right: 5px #fff solid;
+    display: block;
+}
+
+.main .tv .bg .chFrm .chDesc {
+    width: 75%;
+    height: 100%;
+    margin: 0;
+    padding: 5px 0px 5px 0px;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_chname{
+    width: 100%;
+    height: 34px;
+    line-height: 34px;
+    font-size: 30px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_title{
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    font-size: 50px;
+    margin: 0;
+    padding: 0;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details{
+    width: 100%;
+    height: 28px;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    line-height: 28px;
+    font-size: 20px;
+    overflow: hidden;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_current{
+    width: 20%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_playing{
+    width: 20%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_chart{
+    width: 58%;
+    height: 86%;
+    margin: 0;
+    padding: 0;
+    background-color: rgba(80,80,80,0.8);
+    border-radius: 10px;
+}
+
+.main .tv .bg .chFrm .chDesc #epg_details #tm_chart .progress{
+    margin: 5px 5px 0px 5px;
+    /* padding: 14px 0px 0px 0px; */
+    height: 14px;
+    /* vertical-align: middle; */
+    background-color: rgba(245,245,245,0.8);
+    border-radius: 10px;
+}
+
+/************************************************************/
+/* TV CHANNEL FRAME STYLE                           [ END ] */
+/************************************************************/
+
+/************************************************************/
+/* TV SHORTCUT STYLE                              [ START ] */
+/************************************************************/
+.main .tv .shortcut_mode0 {
+    position: absolute;
+    top: 3%;
+    left: 87%;
+    width: 12%;
+    height: 72px;
+    /* background: rgba(0, 0, 0, 0.7); */
+    /* background-color: red; */
+    background-color: rgba(0, 0, 0, 0.8);
+    padding: 0px 0px 0px 0px;
+    border-top: 5px solid rgb(40, 40, 40);
+    border-bottom: 5px solid rgb(40, 40, 40);
+    display: none;
+    font-size: 52px;
+    line-height: 62px;
+    color: rgb(245,245,245);
+    text-align: center;
+    display: none;
+}
+
+
+.main .tv .shortcut_mode1 {
+    position: absolute;
+    top: 18%;
+    left: 75%;
+    width: 440px;
+    height: 230px;
+    background: rgba(0, 0, 0, 0.7);
+    padding: 20px 6px 20px 6px;
+    border-top: 5px solid rgba(0,0,0,0.7);
+    border-bottom: 5px solid rgba(0,0,0,0.7);
+    display: none;
+}
+
+.main .tv .shortcut_mode1 div#suggestion {
+    position: absolute;
+    width: 100%;
+    height: 84%;
+}
+
+.main .tv .shortcut_mode1 div#suggestion table {
+    width: 100%;
+    height: 100%;
+    /* padding: 3px 0px 3px 0px; */
+    border-collapse: collapse;
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    color: rgba(240,240,240,1);
+    overflow: scroll;
+    padding: 14px 0px 0px 0px;
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr {
+    width: 96%;
+    display: block;
+    float: left;
+    padding: 5px 0px 5px 0px;
+    border-bottom: 1px solid rgb(67, 82, 105);
+    border-top: 1px solid rgb(67, 82, 105);
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr.active {
+    color:rgb(255, 192, 0);
+    background-color: rgba(0,0,0,0.6);
+    border-top: 2px solid rgb(255, 192, 0);
+    border-bottom: 2px solid rgb(255, 192, 0);
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem {
+    font-size: 40px;
+    line-height: 1;
+    width: 100%;
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#logo {
+    width: 24%;
+    height: 40px;
+    /* height: 100%; */
+    float: left;
+    background-color: rgba(235,235,235,1);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 10px;
+    border: 2px solid rgb(67, 82, 105);
+    /* margin: 1%; */
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#num {
+    width: 18%;
+    float: left;
+    text-align: center;
+    /* margin: 4px 0px 1px 0px; */
+    overflow: hidden;
+}
+
+.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#title {
+    width: 54%;
+    float: left;
+    text-align: center;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    /* margin: 4px 0px 1px 0px; */
+}
+
+/************************************************************/
+/* TV SHORTCUT STYLE                                [ END ] */
+/************************************************************/
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.widjet.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.widjet.css
@@ -0,0 +1,144 @@
+/* STEP[#003]: Define WIDGET FRAMES */
+
+.widjet {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+    text-shadow: 0 0 10px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
+    z-index: 2;
+}
+
+.widjet .top {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100px;
+    /* background-color: rgba(0, 0, 0, 0.5); */
+    /* filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 1)); */
+    padding: 0px;
+    display: none;
+}
+
+
+/* SETP[#003-1]: Hotel Logo */
+
+.widjet .top .hotellogo {
+    position: absolute;
+    width: 300px;
+    height: 80px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    margin: 10px 0 4px 10px;
+    display: block;
+}
+
+
+/* SETP[#003-2]: Message */
+
+.widjet .top .message {
+    position: absolute;
+    top: -11px;
+    left: 1618px;
+    height: 100px;
+    /* float: left; */
+    display: block;
+    padding: 24px 10px 10px 10px;
+}
+
+.widjet .top .message #unread_cnt {
+    /* position: relative; */
+    width: 66px;
+    height: 100%;
+    float: left;
+    background-image: url(images/icons/icon_widjet_top_message_cnt.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    padding: 4px 0px 0px 0px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+    line-height: 52px;
+    text-align: center;
+}
+
+
+/* SETP[#003-3]: Weather */
+
+.widjet .top .weather {
+    position: absolute;
+    top: -11px;
+    left: 1370px;
+    height: 100px;
+    float: left;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: block;
+    margin: 7px 0px 0px 0px;
+}
+
+.widjet .top .weather #icon {
+    position: relative;
+    /* top: -10px; */
+    left: 16px;
+    width: 100px;
+    height: 100%;
+    float: left;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 0.5));
+}
+
+.widjet .top .weather #temp {
+    position: relative;
+    left: 14px;
+    float: left;
+    font-size: 60px;
+    line-height: 100px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+}
+
+
+/* SETP[#003-4]: Date&Time */
+
+.widjet .top .datetime {
+    position: absolute;
+    left: 1630px;
+    width: 270px;
+    height: 60px;
+    margin: 10px 30px 10px 0;
+    color: rgb(235, 235, 235);
+}
+
+.widjet .top .datetime p {
+    margin: 0;
+    padding: 0;
+}
+
+.widjet .top .datetime .time {
+    font-size: 52px;
+    line-height: 52px;
+    padding: 5px 0;
+    text-align: right;
+    /* -webkit-text-stroke: 1px rgb(64,64,64); */
+}
+
+.widjet .top .datetime .date {
+    letter-spacing: 0.1em;
+    font-size: 24px;
+    line-height: 24px;
+    text-align: right;
+}
--- a/procentric/application/theme/HTL00001/hoteltv.welcome.css
+++ b/procentric/application/theme/HTL00001/hoteltv.welcome.css
@@ -0,0 +1,159 @@
+body {
+    overflow: hidden;
+}
+
+.welcome {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    display: none;
+    z-index: 1;
+}
+
+.welcome .frame {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 1);
+    background-image: none;
+    background-size: cover;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+.welcome .frame .msgwin {
+    position: absolute;
+    top: 98px;
+    left: 519px;
+    width: 884px;
+    height: 648px;
+    padding: 0px;
+    /* background-image: url(./images/bg_language_welcome_box.png);
+    background-size: cover; */
+    background-repeat: no-repeat;
+    background: linear-gradient(rgba(45,45,45,0.6),rgba(16,16,16,0.7));
+    border-radius: 11px;
+    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
+}
+
+.welcome .frame .msgwin #hotellogo {
+    position: absolute;
+    top: 108px;
+    left: 135px;
+    width: 634px;
+    height: 270px;
+    padding: 0px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    /* background-position: center; */
+    background-position: top;
+}
+
+.welcome .frame .msgwin #guestname {
+    position: absolute;
+    top: 424px;
+    left: 0px;
+    width: 804px;
+    height: 65px;
+    padding: 0px 0px 5px 0px;
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    border-bottom: solid rgb(192,192,192) 3px;
+    font-size: 65px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 65px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .msgwin #welcomemsg {
+    position: absolute;
+    top: 516px;
+    left: 0px;
+    width: 804px;
+    height: 44px;
+    /* padding: 0px; */
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    font-size: 33px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 33px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .guide#langsel {
+    position: absolute;
+    top: 1037px;
+    left: 0px;
+    width: 1920px;
+    height: 54px;
+    background-color: rgba(0, 0, 0, 0.8);
+    display: inline-block;
+    color: rgba(200, 200, 200, 1);
+    font-size: 32px;
+    line-height: 43px;
+    text-align: center;
+    border-top: solid rgb(128, 128, 128);
+}
+
+.welcome #lst_langsel {
+    position: absolute;
+    top: 962px;
+    left: 0;
+    height: 76px;
+    line-height: 76px;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    display: none;
+}
+
+.welcome #lst_langsel .item {
+    color: rgba(200, 200, 200, 1);
+    font-size: 44px;
+    text-align: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.welcome #lst_langsel .owl-item.active.center div {
+    background-image: var(--btn_focus);
+}
+
+.welcome #lst_langsel .owl-item.active div {
+    background-image: var(--btn_unfocus);
+}
+
+.control .skip_video {
+    z-index: 10000;
+    position: absolute;
+    z-index: 10000;
+    top: 927px;
+    left: 1579px;
+    width: 246px;
+    height: 68px;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 0.0);
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: none;
+}
--- a/procentric/application/theme/HTL00001/images/bg_language_welcome_box.png
+++ b/procentric/application/theme/HTL00001/images/bg_language_welcome_box.png
--- a/procentric/application/theme/HTL00001/images/bg_message_cream-paper.png
+++ b/procentric/application/theme/HTL00001/images/bg_message_cream-paper.png
--- a/procentric/application/theme/HTL00001/images/bg_message_detail.png
+++ b/procentric/application/theme/HTL00001/images/bg_message_detail.png
--- a/procentric/application/theme/HTL00001/images/bt_language_tab_focus.png
+++ b/procentric/application/theme/HTL00001/images/bt_language_tab_focus.png
--- a/procentric/application/theme/HTL00001/images/bt_language_tab_unfocus.png
+++ b/procentric/application/theme/HTL00001/images/bt_language_tab_unfocus.png
--- a/procentric/application/theme/HTL00001/images/bt_skip_ch01.png
+++ b/procentric/application/theme/HTL00001/images/bt_skip_ch01.png
--- a/procentric/application/theme/HTL00001/images/bt_skip_ch02.png
+++ b/procentric/application/theme/HTL00001/images/bt_skip_ch02.png
--- a/procentric/application/theme/HTL00001/images/bt_skip_en.png
+++ b/procentric/application/theme/HTL00001/images/bt_skip_en.png
--- a/procentric/application/theme/HTL00001/images/bt_skip_jp.png
+++ b/procentric/application/theme/HTL00001/images/bt_skip_jp.png
--- a/procentric/application/theme/HTL00001/images/bt_skip_ko.png
+++ b/procentric/application/theme/HTL00001/images/bt_skip_ko.png
--- a/procentric/application/theme/HTL00001/images/hoteltv_service_error.png
+++ b/procentric/application/theme/HTL00001/images/hoteltv_service_error.png
--- a/procentric/application/theme/HTL00001/images/hoteltv_service_preparing.png
+++ b/procentric/application/theme/HTL00001/images/hoteltv_service_preparing.png
--- a/procentric/application/theme/HTL00001/images/hoteltv_service_preparing_joson.jpg
+++ b/procentric/application/theme/HTL00001/images/hoteltv_service_preparing_joson.jpg
--- a/procentric/application/theme/HTL00001/images/icon_brochure_next.png
+++ b/procentric/application/theme/HTL00001/images/icon_brochure_next.png
--- a/procentric/application/theme/HTL00001/images/icon_brochure_prev.png
+++ b/procentric/application/theme/HTL00001/images/icon_brochure_prev.png
--- a/procentric/application/theme/HTL00001/images/icons/icon_btn_back.png
+++ b/procentric/application/theme/HTL00001/images/icons/icon_btn_back.png
--- a/procentric/application/theme/HTL00001/images/icons/icon_btn_media_play.png
+++ b/procentric/application/theme/HTL00001/images/icons/icon_btn_media_play.png
--- a/procentric/application/theme/HTL00001/images/icons/icon_btn_media_stop.png
+++ b/procentric/application/theme/HTL00001/images/icons/icon_btn_media_stop.png
--- a/procentric/application/theme/HTL00001/images/icons/icon_btn_movie_play.png
+++ b/procentric/application/theme/HTL00001/images/icons/icon_btn_movie_play.png
--- a/procentric/application/theme/HTL00001/images/icons/icon_contact_phone_48x48.png
+++ b/procentric/application/theme/HTL00001/images/icons/icon_contact_phone_48x48.png
--- a/procentric/application/theme/HTL00001/images/icons/icon_contact_phone_96x96.png
+++ b/procentric/application/theme/HTL00001/images/icons/icon_contact_phone_96x96.png
--- a/procentric/application/theme/HTL00001/images/icons/icon_cotact_email_48x48.png
+++ b/procentric/application/theme/HTL00001/images/icons/icon_cotact_email_48x48.png
--- a/procentric/application/theme/HTL00001/images/icons/icon_cotact_email_96x96.png
+++ b/procentric/application/theme/HTL00001/images/icons/icon_cotact_email_96x96.png
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
paul kim	d7ef293d55	issue #12 #13 Fixing couldn't install wavve app on ur762h0nd tv model.	2025-06-24 22:17:07 +09:00
paul kim	e67612d210	issue #12 #13 Fixing couldn't launch wavve on ur762h0nd tv model.	2025-06-24 15:24:33 +09:00
paul kim	39f3fa4b87	issue #13 #12 #11 Support Coupang play, Wavve, TVING ott service.	2025-06-16 17:29:25 +09:00
paul kim	c00aac016b	issue #13 Add Lotte L7 Theme.	2025-06-16 16:57:57 +09:00
paul kim	1eb5513c39	issue #12 Change language select button on welcome page.	2025-01-20 12:56:57 +09:00
paul kim	13bf756eb6	issue #12 Change language select button on welcome page.	2025-01-20 12:23:40 +09:00
paul kim	05f801169b	issue #12 Revert language select button on welcome page. Adjust reboot time when network error occured.	2025-01-14 07:46:02 +09:00
paul kim	2061b695c6	issue #12 Change color thema.	2025-01-03 16:37:14 +09:00
paul kim	411c3b9635	issue #10 #11 Fix hcap.property.InstallerMenuItem.POWER_MANAGE applyied just instant power mode changed. Fix HDMI setting idex by TV model.	2024-09-21 02:09:48 +09:00
paul kim	123c9d794d	issue #10 #11 #12 Fix EPG info time issue.	2024-09-05 19:25:01 +09:00
paul kim	91cd321a59	issue #10 #11 #12 Apply system reboot feature on instant_power mode set as 2. Change language popup titile and usage displaying method.	2024-09-05 12:35:44 +09:00
paul kim	baf7697664	issue #10 #11 Add xait reference configuration.	2024-07-04 16:26:14 +09:00
paul kim	16ecff93d8	issue #10 #11 Change to online mode to local-storage mode.	2024-07-04 16:23:31 +09:00
paul kim	f2e0890c3d	issue #10 #11 Rename hcap to hal.	2024-06-27 10:06:21 +09:00
paul kim	98e8db71fe	issue #10 #11 Fix EPG issue when no existed epg info.	2024-06-19 14:20:17 +09:00
paul kim	69152b57cd	issue #10 #11 Release Ver 1.3.6. Done new TV channel handling UI.	2024-06-18 18:04:29 +09:00
paul kim	e92391bf7e	issue #10 #11 TV channel handling ui changing.	2024-06-14 21:01:05 +09:00
paul kim	8a263ced1a	issue #10 #11 Apply last_lang user dataset into welcome.	2024-06-12 22:14:37 +09:00
paul kim	3fbfe72287	issue #10 #11 Fix language selection height .	2024-06-03 23:35:51 +09:00
paul kim	e4176696a3	issue #10 #11 Add virtual key event sending function.	2024-06-02 15:32:34 +09:00
paul kim	a069902c86	issue #10 #11 Add language selection feature.	2024-06-02 15:31:53 +09:00
paul kim	bc7ea606f8	issue #10 #11 Add The Link Hotel theme.	2024-05-16 16:00:59 +09:00