diff --git a/procentric/application/app_hoteltv_full.html b/procentric/application/app_hoteltv_full.html
index cdb85e1..f98b8b5 100755
--- a/procentric/application/app_hoteltv_full.html
+++ b/procentric/application/app_hoteltv_full.html
@@ -182,89 +182,11 @@
             <div class="owl-carousel owl-theme" id="lst_hotkey_mm_blue"></div>
         </div>
         <div class="amenity">
-            <div class="menu">
-                <div id="title"></div>
-                <div id="usage"></div>
-                <div id="items">
-                    <table class="tbl_header">
-                        <tbody id="hdr">
-                            <tr>
-                                <th id="type"></th>
-                                <th id="quantity"></th>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <table class="tbl_record">
-                        <tbody id="record"></tbody>
-                    </table>
-                </div>
-                <div id="summary">
-                    <div id="title"></div>
-                    <div id="value"></div>
-                    <div id="quantity"></div>
-                </div>
-                <div id="buttons">
-                    <div id="order"></div>
-                    <div id="details"></div>
-                    <div id="cancel"></div>
-                </div>
+            <div class="bg">
+                <div class="owl-carousel owl-theme" id="lst_ctgbg"></div>
             </div>
-            <div class="description">
-                <div id="title"></div>
-                <div id="comment"></div>
-                <div id="thumb"></div>
-            </div>
-            <div class="cart-list">
-                <div id="title"></div>
-                <div id="usage"></div>
-                <div id="items">
-                    <table class="tbl_header">
-                        <tbody id="hdr">
-                            <tr>
-                                <th id="type"></th>
-                                <th id="quantity"></th>
-                                <th id="amount"></th>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <table class="tbl_record">
-                        <tbody id="record"></tbody>
-                    </table>
-                </div>
-                <div id="summary">
-                    <div id="title"></div>
-                    <div id="quantity"></div>
-                    <div id="amount"></div>
-                </div>
-                <div id="notice"></div>
-                <div id="buttons">
-                    <div>
-                        <div id="confirm"></div>
-                    </div>
-                    <div>
-                        <div id="cancel"></div>
-                    </div>
-                </div>
-            </div>
-            <div class="order-details">
-                <div id="title"></div>
-                <div id="usage"></div>
-                <div id="orders">
-                    <table class="order_list">
-                        <tbody id="record"></tbody>
-                    </table>
-                </div>
-                <div id="summary">
-                    <div id="title"></div>
-                    <div id="quantity"></div>
-                    <div id="amount"></div>
-                </div>
-            </div>
-            <div class="alert">
-                <div id="order-complete">
-                    <div id="title"></div>
-                    <div id="message"></div>
-                </div>
+            <div class="slider">
+                <div class="owl-carousel owl-theme" id="lst_ctgsel"></div>
             </div>
         </div>
         <div class="roomservice">
diff --git a/procentric/application/lib/hoteltv.api.js b/procentric/application/lib/hoteltv.api.js
index e327f98..be366fb 100755
--- a/procentric/application/lib/hoteltv.api.js
+++ b/procentric/application/lib/hoteltv.api.js
@@ -87,6 +87,8 @@ HotelTV.api = (function() {
             "get_site_info": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/info",
             "get_guest_info": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/guest",
             "get_opening_ctz": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/opening",
+            "get_amenity_ctz": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/requests/amentity",
+            "get_roomservice_ctz": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/requests/roomService",
             "get_widget_ctz": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/widget",
             "get_program_ctz": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/program",
             "get_epg_info": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/epg",
@@ -330,6 +332,32 @@ HotelTV.api = (function() {
             });
         },
 
+        GetAmenityCtz: function() {
+            return new Promise((resolve, reject) => {
+                let sz_api_url = __apifxn_get_api_url("get_amenity_ctz");
+                __apifxn_CallCmsApi("GET", sz_api_url, "GetAmenityCtz", null).then(_result => {
+                    //console.log(`Success::>${_result.data}`);
+                    resolve(JSON.parse(_result.data));
+                }).catch(_error => {
+                    console.error(`Failure::>${_error.reason}`);
+                    reject(_error.reason);
+                });
+            });
+        },
+
+        GetRoomServiceCtz: function() {
+            return new Promise((resolve, reject) => {
+                let sz_api_url = __apifxn_get_api_url("get_roomservice_ctz");
+                __apifxn_CallCmsApi("GET", sz_api_url, "GetRoomServiceCtz", null).then(_result => {
+                    //console.log(`Success::>${_result.data}`);
+                    resolve(JSON.parse(_result.data));
+                }).catch(_error => {
+                    console.error(`Failure::>${_error.reason}`);
+                    reject(_error.reason);
+                });
+            });
+        },
+
         GetWeather: function() {
             return new Promise((resolve, reject) => {
                 let sz_api_url = __apifxn_get_api_url("get_weather");
diff --git a/procentric/application/lib/hoteltv.ui_appfull.js b/procentric/application/lib/hoteltv.ui_appfull.js
index 03bc983..d205a28 100755
--- a/procentric/application/lib/hoteltv.ui_appfull.js
+++ b/procentric/application/lib/hoteltv.ui_appfull.js
@@ -63,6 +63,7 @@ HotelTV.ui_appfull = (function() {
     var _hndl_tmrUgMngr = null;
     var _hndl_tmrCtzThumbAni = null;
     var _hndl_tmrCtzBgAni = null;
+    var _hndl_tmrAmenityThumbAni = null;
     const _lastTm = {
         'tvchannel_changed': null,
         'keyevt': {
@@ -75,6 +76,93 @@ HotelTV.ui_appfull = (function() {
     /***********************************************************************
      * 비공개 프로퍼티                                                      *
      ***********************************************************************/
+    /**
+     * _schedule오브젝트내의 시간범위 항목들을 검사하여 현재 시간이
+     * _schedule에 기술된 범위 안에 있으면 true 그렇지 않으면 false를 출력
+     * @param {object} _schedule
+     * @returns {object} {"result": false or true, "avail_dtime": string}
+     */
+    function __uifxn_Utils_CheckAmItemAvailable(_schedule) {
+        let _result = {"result": false, "avail_dtime": "unorderable"};
+        let _curDtime = new Date(); // current time
+
+        /**
+         * Check validation week
+         * @param {object} ___schedule_week_obj
+         * @param {object} ___curDayTime
+         * @returns true or false
+         */
+        const ___fxn_checkWeekValid = function(___schedule_week_obj, ___curDayTime) {
+            if ( ___schedule_week_obj.week[Object.keys(___schedule_week_obj.week)[___curDayTime.getDay()]]==true ){
+                return true;
+            }
+            return false;
+        }
+
+        const ___fxn_checkDatekValid = function(___schedule_day_obj, ___curDayTime) {
+            if ( ___schedule_day_obj.date.mode=="always" ){
+                return true;
+            }else if ( ___schedule_day_obj.date.mode=="start" ){
+                var _from = new Date(___schedule_day_obj.date.start).getTime();
+                if(___curDayTime.getTime() >= _from ) {
+                    return true;
+                }
+                _result.avail_dtime = ___schedule_day_obj.date.start;
+            }else if ( ___schedule_day_obj.date.mode=="end" ){
+                var _to = new Date(___schedule_day_obj.date.end).getTime();
+                if(___curDayTime.getTime() <= _to ) {
+                    return true;
+                }
+                _result.avail_dtime = ___schedule_day_obj.date.end;
+            }else if ( ___schedule_day_obj.date.mode=="between" ){
+                var _from = new Date(___schedule_day_obj.date.start).getTime();
+                var _to = new Date(___schedule_day_obj.date.end).getTime();
+                if(___curDayTime.getTime() >= _from && today <= _to) {
+                    return true;
+                }
+                _result.avail_dtime = `${___schedule_day_obj.date.start}~${___schedule_day_obj.date.end}`;
+            }
+            return false;
+        }
+
+        const ___fxn_checkTimekValid = function(___schedule_day_obj, ___curDayTime) {
+            let __day = ___curDayTime.getDate();
+            let __month = ___curDayTime.getMonth() + 1;
+            let __year = ___curDayTime.getFullYear();
+
+            let _str_startTime = `${__day}/${__month}/${__year} ${___schedule_day_obj.time.start}`;
+            let _str_endTime = `${__day}/${__month}/${__year} ${___schedule_day_obj.time.end}`;
+
+            if ( ___schedule_day_obj.time.mode=="always" ){
+                return true;
+            }else if ( ___schedule_day_obj.time.mode=="between" ){
+                var _from = new Date(_str_startTime).getTime();
+                var _to = new Date(_str_endTime).getTime();
+                if(___curDayTime.getTime() >= _from && today <= _to) {
+                    _result.result = true;
+                    return true;
+                }
+                _result.avail_dtime = `${___schedule_day_obj.time.start}~${___schedule_day_obj.time.end}`;
+            }
+            return false;
+        }
+
+        try{
+            if ( ___fxn_checkWeekValid(_schedule,_curDtime) == true ) {
+                if ( ___fxn_checkDatekValid(_schedule,_curDtime) == true ){
+                    if ( ___fxn_checkTimekValid(_schedule,_curDtime) == true ){
+                        _result.result = true;
+                        return _result;
+                    }
+                }
+            }
+            return _result;
+        }catch(__err){
+            return _result;
+        }
+    }
+
+
     /**
      * HotelTV UI[AppFull] Wrapper Function::> 리모콘 키가 숫자키인지 검사
      * @param {dictionary} _evt event information
@@ -340,9 +428,9 @@ HotelTV.ui_appfull = (function() {
 
     /**
      * HotelTV UI[AppFull] Wrapper Function::> show/hide special hotkey(red/yellow/green/blue/etc...) btn
-     * @param {boolean} e event
+     * @param {boolean} _show flag for hotkey
      */
-    function __uifxn_AppFull_ShowMMHotKeyBtn(_show) {
+    function __uifxn_AppFull_HotKey_ShowBtnOnMM(_show) {
         let _state = HotelTV.state;
         let _opening = HotelTV.opening;
         let _brochure = _opening.brochures;
@@ -407,9 +495,40 @@ HotelTV.ui_appfull = (function() {
         }
     }
 
+    /**
+     * HotelTV UI[AppFull] Wrapper Function::> register hotkey for amenity service
+     */
+    function __uifxn_AppFull_HotKey_RegisterAmenity() {
+        let _state = HotelTV.state;
+        let _opening = HotelTV.opening;
+        let _amenity = null;
+
+
+        if (!_opening.amenity) {
+            return;
+        }
+        _amenity = _opening.amenity;
+
+        // HOTKEY정보를 state에 기록
+        if (!(_amenity.button in _state.hotkey.mm)) {
+            _state.hotkey.mm[_amenity.button] = {
+                'type': "amenity",
+                'id': _amenity.id,
+                "status": {
+                    "focus": "category_sel",
+                    "category_sel": {
+                        'cnt': 0,
+                        'cur': null,
+                        'prev': null,
+                    }
+                }
+            };
+        }
+        return;
+    }
+
     /**
      * HotelTV UI[AppFull] Wrapper Function::> build Brochure and In-room dining
-     * @param {boolean} e event
      */
     function __uifxn_AppFull_BuildBrochure() {
         let _state = HotelTV.state;
@@ -454,988 +573,369 @@ HotelTV.ui_appfull = (function() {
         }
     }
 
-
-    /**
-     * HotelTV UI[AppFull] Wrapper Function::> build amenity
-     * @param {boolean} _show show/hide
-     */
-     function __uifxn_AppFull_DrawAmenityOrderAlert(_show) {
-        let _state = HotelTV.state;
-        let _trTbl = HotelTV.translation;
-        let _elAmPupRoot = $('.popup .amenity');
-        let _elAmOderAlertRoot = _elAmPupRoot.children('.alert');
-        let _elAmOderAlertOrderComplete = _elAmOderAlertRoot.children('#order-complete');
-
-        if (_show == false) {
-            if (_elAmOderAlertRoot.css('display') != "none") {
-                _elAmOderAlertOrderComplete.hide(0, function() {
-                    _elAmOderAlertRoot.hide();
-                });
-            }
-            return;
-        }
-
-        // Draw Titile and message
-        _elAmOderAlertOrderComplete.children("#title").text(_trTbl.ui.amenity.title.ordercomplete[_state.lang]);
-        _elAmOderAlertOrderComplete.children("#message").text(_trTbl.ui.amenity.usage.orderAlertComplete[_state.lang]);
-
-        if (_elAmOderAlertOrderComplete.css('display') == "none") {
-            _elAmOderAlertOrderComplete.show();
-        }
-
-        if (_elAmOderAlertRoot.css('display') == "none") {
-            _elAmOderAlertRoot.fadeIn(300);
-        }
-    }
-
-    /**
-     * HotelTV UI[AppFull] Wrapper Function::> update amenity service order list
-     * @param {boolean} _show show/hide
-     * @param {string} _keyEvt key event
-     */
-    async function __uifxn_AppFull_DrawAmenityOrderList(_show, _keyEvt) {
-        let _state = HotelTV.state;
-        let _trTbl = HotelTV.translation;
-        let _RsOrder = null;
-        let _amenity = HotelTV.opening.amenity;
-
-        let _elAmPupRoot = $('.popup .amenity');
-        let _elAmOLstRoot = _elAmPupRoot.children('.order-details');
-        let _elAmOLstItems = _elAmOLstRoot.children(`#orders`);
-        let _elAmOLstSummary = _elAmOLstRoot.children('#summary');
-
-        const __fxn_getAmItemValue = function(_object, _key, _itemID) {
-            for (__j = 1; __j <= _object.length; __j++) {
-                if (_object[__j].id == _itemID) {
-                    return _object[__j][_key];
-                }
-            }
-        }
-
-        const __fxn_padZero = function(_num, _size) {
-            _num = _num.toString();
-            while (_num.length < _size) _num = "0" + _num;
-            return _num;
-        }
-
-
-
-
-        if (_show == false) {
-            if (_elAmOLstRoot.css('display') != "none") {
-                _elAmOLstRoot.hide();
-            }
-            return;
-        }
-
-
-        switch (_keyEvt) {
-            case "build":
-                {
-                    let _total_quantity = 0;
-                    _AmOrder = HotelTV.orders.amenity;
-
-                    _elAmOLstRoot.children(`#title`).text(_trTbl.ui.amenity.title.orderdetails[_state.lang]);
-                    _elAmOLstRoot.children(`#usage`).text(_trTbl.ui.amenity.usage.details[_state.lang]);
-
-                    //Draw Amenity Order Items
-                    try {
-                        // Delete elements under amenity service item table
-                        let _elAmOLstItemTblRec = _elAmOLstItems.children('.order_list').children('tbody');
-
-                        // Delete elements under amenity service item table
-                        if (_elAmOLstItemTblRec.children('tr').length) {
-                            _elAmOLstItemTblRec.children('tr').remove();
-                        }
-
-                        for (let _idx = 1; _idx <= _AmOrder.orders.length; _idx++) {
-                            let _Order = _AmOrder.orders[_idx];
-
-                            var _eltr_ordering = document.createElement('tr');
-                            _eltr_ordering.setAttribute("id", _Order.id);
-                            _eltr_ordering.setAttribute("index", _idx); {
-                                //룸서비스 아이탬 화면 드로잉
-                                var _eldiv_ordering = document.createElement('div');
-                                _eldiv_ordering.setAttribute("class", "ordering");
-
-                                // Append Sub elements:: index
-                                let _elDiv_index = document.createElement('div');
-                                _elDiv_index.setAttribute("id", "index");
-                                _elDiv_index.textContent = `[${__fxn_padZero(_idx,2)}]`;
-                                _eldiv_ordering.appendChild(_elDiv_index);
-
-                                // Append Sub elements:: date
-                                let _elDiv_date = document.createElement('div');
-                                _elDiv_date.setAttribute("id", "date");
-                                _elDiv_date.textContent = `${_trTbl.ui.amenity.title.orderdate[_state.lang]}:${_Order.createdAt}`;
-                                _eldiv_ordering.appendChild(_elDiv_date);
-
-                                // Append Sub elements:: Order Id
-                                let _elDiv_OrderId = document.createElement('div');
-                                _elDiv_OrderId.setAttribute("id", "orderId");
-                                _elDiv_OrderId.textContent = `${_trTbl.ui.amenity.title.ordernumber[_state.lang]}:${_Order.id}`;
-                                _eldiv_ordering.appendChild(_elDiv_OrderId);
-
-                                _eltr_ordering.appendChild(_eldiv_ordering);
-                            }
-
-                            // Append Ordered Item list
-                            {
-                                let _elDiv_OdItemsLst = document.createElement('div');
-                                _elDiv_OdItemsLst.className = "OdItemLst";
-
-                                // Append item list hdr
-                                {
-                                    var _elTbl_OdItemsHdr = document.createElement('table');
-                                    _elTbl_OdItemsHdr.className = "tbl_header";
-
-                                    let _elTBody_OdItmesHdr = document.createElement('tbody'); {
-                                        _elTBody_OdItmesHdr.setAttribute("id", "hdr");
-
-                                        var _elTr_OdItmesHdr = document.createElement('tr');
-                                        var _elTh_OdItmesHdr_Type = document.createElement('th');
-                                        _elTh_OdItmesHdr_Type.setAttribute("id", "type");
-                                        _elTh_OdItmesHdr_Type.textContent = _trTbl.ui.amenity.title.item[_state.lang];
-                                        _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Type);
-
-                                        var _elTh_OdItmesHdr_Quantity = document.createElement('th');
-                                        _elTh_OdItmesHdr_Quantity.setAttribute("id", "quantity");
-                                        _elTh_OdItmesHdr_Quantity.textContent = _trTbl.ui.amenity.title.quantity[_state.lang];
-                                        _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Quantity);
-
-                                        var _elTh_OdItmesHdr_Amount = document.createElement('th');
-                                        _elTh_OdItmesHdr_Amount.setAttribute("id", "amount");
-                                        _elTh_OdItmesHdr_Amount.textContent = _trTbl.ui.amenity.title.amount[_state.lang];
-                                        _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Amount);
-
-                                        var _elTh_OdItmesHdr_Subtotal1 = document.createElement('th');
-                                        _elTh_OdItmesHdr_Subtotal1.setAttribute("id", "subtotal1");
-                                        _elTh_OdItmesHdr_Subtotal1.textContent = `[ ${_trTbl.ui.amenity.title.sum[_state.lang]} `;
-                                        _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Subtotal1);
-
-                                        var _elTh_OdItmesHdr_Subtotal2 = document.createElement('th');
-                                        _elTh_OdItmesHdr_Subtotal2.setAttribute("id", "subtotal2");
-                                        _elTh_OdItmesHdr_Subtotal2.textContent = `${_Order.amount[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}${_amenity.currency[_state.lang]}`;
-                                        _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Subtotal2);
-
-                                        var _elTh_OdItmesHdr_Subtotal3 = document.createElement('th');
-                                        _elTh_OdItmesHdr_Subtotal3.setAttribute("id", "subtotal3");
-                                        _elTh_OdItmesHdr_Subtotal3.textContent = `${_trTbl.ui.amenity.title.quantity[_state.lang]} `;
-                                        _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Subtotal3);
-
-                                        var _elTh_OdItmesHdr_Subtotal4 = document.createElement('th');
-                                        _elTh_OdItmesHdr_Subtotal4.setAttribute("id", "subtotal4");
-                                        _elTh_OdItmesHdr_Subtotal4.textContent = `## `;
-                                        _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Subtotal4);
-
-                                        var _elTh_OdItmesHdr_Subtotal5 = document.createElement('th');
-                                        _elTh_OdItmesHdr_Subtotal5.setAttribute("id", "subtotal5");
-                                        _elTh_OdItmesHdr_Subtotal5.textContent = ` ]`;
-                                        _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Subtotal5);
-
-                                        _elTBody_OdItmesHdr.appendChild(_elTr_OdItmesHdr);
-                                    }
-                                    _elTbl_OdItemsHdr.appendChild(_elTBody_OdItmesHdr);
-                                }
-                                _elDiv_OdItemsLst.appendChild(_elTbl_OdItemsHdr);
-
-
-                                // Append item list record
-                                {
-                                    var _elTbl_OdItemsRec = document.createElement('table');
-                                    _elTbl_OdItemsRec.className = "tbl_record";
-
-                                    let _elTBody_OdItmesRec = document.createElement('tbody');
-                                    {
-                                        _elTBody_OdItmesRec.setAttribute("id", "record");
-                                        for (let _j = 1; _j <= _Order.items.length; _j++) {
-                                            let _OdItem = _Order.items[_j];
-                                            var _elTr_OdItmesRec = document.createElement('tr');
-                                            var _elDiv_OdItmesRec = document.createElement('div');
-                                            _elDiv_OdItmesRec.className = "oditem";
-                                            var _elDiv_OdItmesRecName = document.createElement('div');
-                                            _elDiv_OdItmesRecName.setAttribute("id", "name");
-                                            _elDiv_OdItmesRecName.textContent =`[${_j}] ` + __fxn_getAmItemValue(_amenity.children, "title",
-                                                _OdItem.itemId)[_state.lang];
-                                            _elDiv_OdItmesRec.appendChild(_elDiv_OdItmesRecName);
-
-                                            var _elDiv_OdItmesRecQuantity = document.createElement('div');
-                                            _elDiv_OdItmesRecQuantity.setAttribute("id", "quantity");
-                                            _elDiv_OdItmesRecQuantity.textContent = _OdItem.quantity;
-                                            _elDiv_OdItmesRec.appendChild(_elDiv_OdItmesRecQuantity);
-
-                                            _total_quantity += _OdItem.quantity;
-
-                                            var _elDiv_OdItmesRecAmount = document.createElement('div');
-                                            _elDiv_OdItmesRecAmount.setAttribute("id", "amount");
-                                            _elDiv_OdItmesRecAmount.textContent = _OdItem.amount[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _amenity.currency[_state.lang];
-                                            _elDiv_OdItmesRec.appendChild(_elDiv_OdItmesRecAmount);
-                                            _elTr_OdItmesRec.appendChild(_elDiv_OdItmesRec);
-                                            _elTBody_OdItmesRec.appendChild(_elTr_OdItmesRec);
-                                        }
-                                    }
-                                    _elTbl_OdItemsRec.appendChild(_elTBody_OdItmesRec);
-                                }
-                                _elDiv_OdItemsLst.appendChild(_elTbl_OdItemsRec);
-                                _eltr_ordering.appendChild(_elDiv_OdItemsLst);
-                            }
-
-                            _elAmOLstItemTblRec.append(_eltr_ordering);
-                        }
-
-                        // Draw Total Amount and Quantity
-                        _elAmOLstSummary.children(`#title`).text(_trTbl.ui.amenity.title.sum[_state.lang]);
-                        _elAmOLstSummary.children(`#quantity`).text(_total_quantity);
-                        _elAmOLstSummary.children(`#amount`).text(_AmOrder.amount[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _amenity.currency[_state.lang]);
-
-                        // Activate first order lists
-                        _elAmOLstItemTblRec.children('tr').first().addClass('active');
-                    } catch (_error) {
-                        console.log(`Fail to call API::> ${_error}`);
-                        return;
-                    }
-
-
-                    if (_elAmOLstRoot.css('display') == "none") {
-                        _elAmOLstRoot.fadeIn(400);
-                    }
-                }
-                break;
-            case "up":
-                {
-                    let _elAmOLstItemTblRec = _elAmOLstItems.children('.order_list').children('tbody');
-                    let selectedTblItem = _elAmOLstItemTblRec.children('tr.active').prev(".order_list tr");
-                    if (selectedTblItem.length) {
-                        _elAmOLstItemTblRec.children('tr.active').removeClass("active");
-                        selectedTblItem.addClass('active');
-                        _state.hotkey.mm[_amenity.button].status.orderdetails.idx = selectedTblItem.prop('rowIndex');
-
-                        // 스크롤이 필요한 경우 스크롤링 하기
-                        let _scrollTopVal = _state.hotkey.mm[_amenity.button].status.orderdetails.scroll_TOfset;
-                        _scrollTopVal -= selectedTblItem.prop('scrollHeight');
-                        _elAmOLstItems.animate({ scrollTop: _scrollTopVal }, 200);
-                        _state.hotkey.mm[_amenity.button].status.orderdetails.scroll_TOfset = _scrollTopVal;
-                    }
-                }
-                break;
-            case "down":
-                {
-                    let _elAmOLstItemTblRec = _elAmOLstItems.children('.order_list').children('tbody');
-                    let selectedTblItem = _elAmOLstItemTblRec.children('tr.active').next(".order_list tr");
-                    if (selectedTblItem.length) {
-                        _elAmOLstItemTblRec.children('tr.active').removeClass("active");
-                        selectedTblItem.addClass('active');
-                        _state.hotkey.mm[_amenity.button].status.orderdetails.idx = selectedTblItem.prop('rowIndex');
-
-                        // 스크롤이 필요한 경우 스크롤링 하기
-                        let _scrollTopVal = _state.hotkey.mm[_amenity.button].status.orderdetails.scroll_TOfset;
-                        _scrollTopVal += selectedTblItem.prop('scrollHeight');
-                        _elAmOLstItems.animate({ scrollTop: _scrollTopVal }, 200);
-                        _state.hotkey.mm[_amenity.button].status.orderdetails.scroll_TOfset = _scrollTopVal;
-                    }
-                }
-                break;
-            case "back":
-                break;
-        }
-    }
-
-    /**
-     * HotelTV UI[AppFull] Wrapper Function::> update amenity service cart list for ordering
-     * @param {boolean} _show show/hide
-     * @param {string} _keyEvt key event
-     */
-    function __uifxn_AppFull_DrawAmenityCartList(_show, _keyEvt) {
-        let _state = HotelTV.state;
-        let _trTbl = HotelTV.translation;
-        let _amenity = HotelTV.opening.amenity;
-        let _rsCart = HotelTV.carts.amenity;
-
-        let _elAmPupRoot = $('.popup .amenity');
-        let _elAmCLstRoot = _elAmPupRoot.children('.cart-list');
-        let _elAmCLstSummary = _elAmCLstRoot.children('#summary');
-        let _elAmCLstButtons = _elAmCLstRoot.children('#buttons');
-
-        const __fxn_getAmItemValue = function(_object, _key, _itemID) {
-            for (__j = 1; __j <= _object.length; __j++) {
-                if (_object[__j].id == _itemID) {
-                    return _object[__j][_key];
-                }
-            }
-        }
-
-        if (_show == false) {
-            if (_elAmCLstRoot.css('display') != "none") {
-                _elAmCLstButtons.find('#confirm').removeClass("active");
-                _elAmCLstButtons.find('#cancel').removeClass("active");
-                _elAmCLstRoot.hide();
-            }
-            return;
-        }
-
-
-        if (!_rsCart || !_amenity) {
-            return;
-        }
-
-        switch (_keyEvt) {
-            case "build":
-                let _total_quantity = 0;
-
-                _elAmCLstRoot.children('#title').text(_trTbl.ui.amenity.title.cartslist[_state.lang]);
-                _elAmCLstRoot.children('#usage').text(_trTbl.ui.amenity.usage.orderConfirm[_state.lang]);
-
-                //Draw Amenity Cart Items
-                try {
-                    let _elAmCLstItems = _elAmCLstRoot.children(`#items`);
-                    let _elAmCLstItemTblHdr = _elAmCLstItems.children('.tbl_header').children('tbody');
-                    let _elAmCLstItemTblRec = _elAmCLstItems.children('.tbl_record').children('tbody');
-                    // Drawing Item Table Headers
-                    _elAmCLstItemTblHdr.children('tr').children('th#type').text(`${_trTbl.ui.amenity.title.item[_state.lang]}`);
-                    _elAmCLstItemTblHdr.children('tr').children('th#quantity').text(_trTbl.ui.amenity.title.quantity[_state.lang]);
-                    _elAmCLstItemTblHdr.children('tr').children('th#amount').text(_trTbl.ui.amenity.title.amount[_state.lang]);
-
-                    // Delete elements under amenity service item table
-                    if (_elAmCLstItemTblRec.children('tr').length) {
-                        _elAmCLstItemTblRec.children('tr').remove();
-                    }
-
-                    for (let _idx = 1; _idx <= _rsCart.items.length; _idx++) {
-                        let _rsItem = _rsCart.items[_idx];
-                        if (_rsItem.id) {
-                            var _eltr_item = document.createElement('tr');
-                            _eltr_item.setAttribute("id", _rsCart.items[_idx].id);
-                            _eltr_item.setAttribute("index", _idx); {
-                                //어메니티 아이탬 화면 드로잉
-                                var _eldiv_item_ctz = document.createElement('div');
-                                _eldiv_item_ctz.setAttribute("class", "products");
-
-                                // Append Sub elements::title
-                                let _elDiv_title = document.createElement('div');
-                                _elDiv_title.setAttribute("id", "title");
-                                _elDiv_title.textContent = __fxn_getAmItemValue(_amenity.children, "title", _rsItem.itemId)[_state.lang];
-                                _eldiv_item_ctz.appendChild(_elDiv_title);
-
-                                // Append Sub elements::quantity
-                                let _elDiv_quantity = document.createElement('div');
-                                _elDiv_quantity.setAttribute("id", "quantity");
-                                _elDiv_quantity.textContent = _rsItem.quantity;
-                                _eldiv_item_ctz.appendChild(_elDiv_quantity);
-                                _total_quantity += _rsItem.quantity;
-
-                                // Append Sub elements::amount
-                                let _elDiv_price = document.createElement('div');
-                                _elDiv_price.setAttribute("id", "price");
-                                _elDiv_price.textContent = _rsItem.price[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _amenity.currency[_state.lang];
-                                _eldiv_item_ctz.appendChild(_elDiv_price);
-                            }
-                            _eltr_item.appendChild(_eldiv_item_ctz);
-                            _elAmCLstItemTblRec.append(_eltr_item);
-                        }
-                    }
-                    // 첫번째 테이블 아애템에 active 클래스 추가 (플래그용으로 사용)
-                    // _elAmCLstItemTblRec.children('tr').first().addClass('active');
-                } catch (_error) {
-                    console.log(_error.message);
-                }
-
-                // Drawing Summary
-                _elAmCLstSummary.children('#title').text(_trTbl.ui.amenity.title.sum[_state.lang]);
-                _elAmCLstSummary.children('#quantity').text(_total_quantity);
-                _elAmCLstSummary.children('#amount').text(_rsCart.amount[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _amenity.currency[_state.lang]);
-
-                // Drawing Notice
-                _elAmCLstRoot.children('#notice').text(_trTbl.ui.amenity.usage.orderNoticeFinal[_state.lang]);
-
-                // Drawing Buttons
-                _elAmCLstButtons.find('#confirm').text(_trTbl.ui.amenity.title.confirm[_state.lang]);
-                _elAmCLstButtons.find('#cancel').text(_trTbl.ui.amenity.title.back[_state.lang]);
-
-                // Focus button
-                _elAmCLstButtons.find('#confirm').addClass("active");
-
-                if (_elAmCLstRoot.css('display') == "none") {
-                    _elAmCLstRoot.fadeIn(300);
-                }
-                break;
-            case "left":
-                if (_state.hotkey.mm[_amenity.button].status.cartlist.idx == "confirm") {
-                    _elAmCLstButtons.find('#confirm').removeClass("active");
-                    _state.hotkey.mm[_amenity.button].status.cartlist.idx = "cancel";
-                    _elAmCLstButtons.find('#cancel').addClass("active");
-                } else if (_state.hotkey.mm[_amenity.button].status.cartlist.idx == "cancel") {
-                    _elAmCLstButtons.find('#cancel').removeClass("active");
-                    _state.hotkey.mm[_amenity.button].status.cartlist.idx = "confirm";
-                    _elAmCLstButtons.find('#confirm').addClass("active");
-                }
-                break;
-            case "right":
-                if (_state.hotkey.mm[_amenity.button].status.cartlist.idx == "confirm") {
-                    _elAmCLstButtons.find('#confirm').removeClass("active");
-                    _state.hotkey.mm[_amenity.button].status.cartlist.idx = "cancel";
-                    _elAmCLstButtons.find('#cancel').addClass("active");
-                } else if (_state.hotkey.mm[_amenity.button].status.cartlist.idx == "cancel") {
-                    _elAmCLstButtons.find('#cancel').removeClass("active");
-                    _state.hotkey.mm[_amenity.button].status.cartlist.idx = "confirm";
-                    _elAmCLstButtons.find('#confirm').addClass("active");
-                }
-                break;
-            case "back":
-                break;
-        }
-    }
-
-    /**
-     * HotelTV UI[AppFull] Wrapper Function::> update amenity service item description
-     * @param {boolean} _show show/hide
-     */
-    function __uifxn_AppFull_DrawAmenityItemDescription(_show) {
-        let _state = HotelTV.state;
-        let _amenity = HotelTV.opening.amenity;
-
-        let _elAmPupRoot = $('.popup .amenity');
-        let _elAmMnRoot = _elAmPupRoot.children('.menu');
-        let _elAmMnItmTbl = _elAmMnRoot.children('#items').find('.tbl_record').children('#record');
-        let _elAmMnDesc = _elAmPupRoot.children('.description');
-
-        const __fxn_getAmItemValue = function(_object, _key, _itemID) {
-            for (__j = 1; __j <= _object.length; __j++) {
-                if (_object[__j].id == _itemID) {
-                    return _object[__j][_key];
-                }
-            }
-        }
-
-        if (_show == false) {
-            if (_elAmMnDesc.css('display') != "none") {
-                _elAmMnDesc.hide();
-            }
-            return;
-        }
-
-        //선택된 테이블 레코드의 ID속성값 읽어오기
-        let selectedTblItemID = _elAmMnItmTbl.children('tr.active').prop('id');
-
-        //Redraw Description
-        _elAmMnDesc.children('#title').text(__fxn_getAmItemValue(_amenity.children, "title", selectedTblItemID)[_state.lang]);
-        _elAmMnDesc.children('#comment').text(__fxn_getAmItemValue(_amenity.children, "description", selectedTblItemID)[_state.lang]);
-        _elAmMnDesc.children('#thumb').css('background-image', 'url(' + __fxn_getAmItemValue(_amenity.children, "thumbnail", selectedTblItemID).files[_state.lang].download + ')');
-
-        if (_elAmMnDesc.css('display') == "none") {
-            _elAmMnDesc.show();
-        }
-
-        HotelTV.api.ReportEvent([{'power': true, 'location':{'conId':__fxn_getAmItemValue(_amenity.children, "id", selectedTblItemID)}}])
-    }
-
-    /**
-     * HotelTV UI[AppFull] Wrapper Function::> update amenity service item
-     * @param {boolean} _isUpdateDescrption show/hide item description
-     */
-    async function __uifxn_AppFull_DrawAmenityItem(_isUpdateDescrption) {
-        let _state = HotelTV.state;
-        let _amenity = HotelTV.opening.amenity;
-        let _carts = null;
-        const __fxn_cartItemExist = function(_object, _itemID) {
-            for (__j = 1; __j <= _object.length; __j++) {
-                if (_object[__j].itemId == _itemID) {
-                    return true;
-                }
-            }
-            return false;
-        }
-
-        const __fxn_cartItemValue = function(_object, _key, _itemID) {
-            for (__j = 1; __j <= _object.length; __j++) {
-                if (_object[__j].itemId == _itemID) {
-                    return _object[__j][_key];
-                }
-            }
-        }
-
-        try {
-            let _total_quantity = 0;
-            let _elAmMnItemTblRoot = $('.popup .amenity>.menu #items>table.tbl_record');
-            HotelTV.carts.amenity = _carts = await HotelTV.api.GetAmenityCarts();
-            for (let _idx = 1; _idx <= _amenity.children.length; _idx++) {
-                let _rsItem = _amenity.children[_idx];
-                let _elAmItemRecRoot = _elAmMnItemTblRoot.find(`tr#${_rsItem.id}`).children('div.products');
-                // Update Unit price
-                _elAmItemRecRoot.find('#price').text(_rsItem.price[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _amenity.currency[_state.lang]);
-
-                // Update quantity
-                if (_carts.items.length && __fxn_cartItemExist(_carts.items, _rsItem.id) == true) {
-                    let _cart_item_quantity = __fxn_cartItemValue(_carts.items, "quantity", _rsItem.id);
-                    _total_quantity += _cart_item_quantity;
-                    // Cart Quantity
-                    _elAmItemRecRoot.find('#quantity').text(_cart_item_quantity);
-                }
-            }
-
-            //Update Total amount as well as quantity
-            let _elAmMnSummary = $('.popup .amenity>.menu #summary');
-            _elAmMnSummary.children('#value').text(_carts.amount[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _amenity.currency[_state.lang]);
-            _elAmMnSummary.children('#quantity').text(_total_quantity);
-
-            //Refresh menu description
-            if (_isUpdateDescrption == true) {
-                __uifxn_AppFull_DrawAmenityItemDescription(true);
-            }
-        } catch (_error) {
-            console.log(_error.message);
-        }
-    }
-
-    /**
-     * HotelTV UI[AppFull] Wrapper Function::> amenity service handling function
-     * @param {string} _evtKey event
-     * @param {boolean} _isFlushCart flag for flush cart
-     * @param {callback} _cbFxn post-processing callback
-     */
-    async function __uifxn_AppFull_HandleAmenity(_evtKey, _isFlushCart, _isDoOrder, _cbFxn) {
-        let _state = HotelTV.state;
-        let _opening = HotelTV.opening;
-        let _amenity = null;
-        let _carts = HotelTV.carts.amenity;
-        let _scrollTopVal = 0;
-        let _elAmPupRoot = $('.popup .amenity');
-        let _elAmMnRoot = _elAmPupRoot.children('.menu');
-        let _elAmMnItmTbl = _elAmMnRoot.children('#items').find('.tbl_record').children('#record');
-        let _elAmMnBtn = _elAmMnRoot.children('#buttons');
-        let _elAmOdDetails = _elAmPupRoot.children('.order-details');
-
-        const __fxn_cartEmpty = function(_object) {
-            for (__j = 1; __j <= _object.length; __j++) {
-                if (_object[__j].id) {
-                    return false;
-                }
-            }
-            return true;
-        }
-
-        const __fxn_cartItemValue = function(_object, _key, _itemID) {
-            for (__j = 1; __j <= _object.length; __j++) {
-                if (_object[__j].id == _itemID) {
-                    return _object[__j][_key];
-                }
-            }
-        }
-
-        const __fxn_close_AmPopup = function(_fxn_post_process) {
-            // 아이템 디스크립션(메뉴 오른쪽) 하이드
-            __uifxn_AppFull_DrawAmenityItemDescription(false);
-
-            _elAmPupRoot.animate({ top: 96, left: -560 }, 500, () => {
-                // 아이탬 테이블 스크롤 맨 위로 이동
-                _elAmMnItmTbl.animate({ scrollTop: 0 }, 200);
-
-                // CART LIST 제거 및 Off
-                __uifxn_AppFull_DrawAmenityCartList(false, "back");
-
-                // 매뉴 아이탬 및 버튼에서 active클래스 초기화
-                _elAmMnItmTbl.children('tr.active').removeClass("active");
-                _elAmMnItmTbl.children('tr').first().addClass('active');
-                _elAmMnBtn.children('div').removeClass("active");
-
-                // state내의 Amenity 관련 HOTKEY정보를 초기화
-                _state.hotkey.mm[_amenity.button] = {
-                    'type': "amenity",
-                    'id': _amenity.id,
-                    "status": {
-                        "focus": "menu",
-                        "menu": {
-                            "idx": 0,
-                            "scroll_TOfset": 0
-                        },
-                        "button": {
-                            "idx": null
-                        },
-                        "cartlist": {
-                            "idx": null,
-                            "scroll_TOfset": 0
-                        },
-                        "orderdetails": {
-                            "idx": null,
-                            "scroll_TOfset": 0
-                        }
-                    }
-                };
-
-                // Do post-processing
-                if (_fxn_post_process) {
-                    _fxn_post_process();
-                }
-            });
-        }
-
-
-
-        if (!_opening.amenity) {
-            return;
-        }
-        _amenity = _opening.amenity;
-
-        switch (_evtKey) {
-            case "up":
-                switch (_state.hotkey.mm[_amenity.button].status.focus) {
-                    case "menu":
-                        // 선택한 아이탬 알아내기
-                        let selectedTblItem = _elAmMnItmTbl.children('tr.active').prev(".tbl_record tr");
-                        if (selectedTblItem.length) {
-                            _elAmMnItmTbl.children('tr.active').removeClass("active");
-                            selectedTblItem.addClass('active');
-                            _state.hotkey.mm[_amenity.button].status.menu.idx = selectedTblItem.prop('rowIndex');
-
-                            // 스크롤이 필요한 경우 스크롤링 하기
-                            _scrollTopVal = selectedTblItem.prop('scrollHeight') * _state.hotkey.mm[_amenity.button].status.menu.idx;
-                            _state.hotkey.mm[_amenity.button].status.menu.scroll_TOfset = _scrollTopVal;
-                            _elAmMnItmTbl.animate({ scrollTop: _scrollTopVal }, 200);
-
-                            //Update Item Description Frame
-                            __uifxn_AppFull_DrawAmenityItemDescription(true);
-                        }
-                        break;
-                    case "button":
-                        _elAmMnBtn.children('div').removeClass("active");
-                        if (_state.hotkey.mm[_amenity.button].status.button.idx == "cancel") {
-                            _state.hotkey.mm[_amenity.button].status.button.idx = "details";
-                            _elAmMnBtn.children('div#details').addClass("active");
-                        } else if (_state.hotkey.mm[_amenity.button].status.button.idx == "details") {
-                            if (__fxn_cartEmpty(_carts.items) == false) {
-                                _state.hotkey.mm[_amenity.button].status.button.idx = "order";
-                                _elAmMnBtn.children('div#order').addClass("active");
-                            } else {
-                                _state.hotkey.mm[_amenity.button].status.button.idx = null;
-                                _state.hotkey.mm[_amenity.button].status.focus = "menu";
-                                _elAmMnItmTbl.children('tr').eq(_state.hotkey.mm[_amenity.button].status.menu.idx).addClass('active');
-                                __uifxn_AppFull_DrawAmenityItemDescription(true);
-                            }
-                        } else {
-                            _state.hotkey.mm[_amenity.button].status.button.idx = null;
-                            _state.hotkey.mm[_amenity.button].status.focus = "menu";
-                            _elAmMnItmTbl.children('tr').eq(_state.hotkey.mm[_amenity.button].status.menu.idx).addClass('active');
-                            // Shows up Menu Item description
-                            __uifxn_AppFull_DrawAmenityItemDescription(true);
-                        }
-                        break;
-                    case "orderdetails":
-                        //Navigate order lists
-                        __uifxn_AppFull_DrawAmenityOrderList(true, "up");
-                        break;
-                }
-                break;
-            case "down":
-                switch (_state.hotkey.mm[_amenity.button].status.focus) {
-                    case "menu":
-                        // 선택한 아이탬 알아내기
-                        let selectedTblItem = _elAmMnItmTbl.children('tr.active').next(".tbl_record tr");
-                        if (selectedTblItem.length) {
-                            _elAmMnItmTbl.children('tr.active').removeClass("active");
-                            selectedTblItem.addClass('active');
-                            _state.hotkey.mm[_amenity.button].status.menu.idx = selectedTblItem.prop('rowIndex');
-
-                            // 스크롤이 필요한 경우 스크롤링 하기
-                            _scrollTopVal = selectedTblItem.prop('scrollHeight') * _state.hotkey.mm[_amenity.button].status.menu.idx;
-                            _state.hotkey.mm[_amenity.button].status.menu.scroll_TOfset = _scrollTopVal;
-                            _elAmMnItmTbl.animate({ scrollTop: _scrollTopVal }, 200);
-
-                            //Update Item Description Frame
-                            __uifxn_AppFull_DrawAmenityItemDescription(true);
-                        } else {
-                            _elAmMnItmTbl.children('tr.active').removeClass("active");
-                            _state.hotkey.mm[_amenity.button].status.focus = "button";
-
-                            //Hide Item Description Frame
-                            __uifxn_AppFull_DrawAmenityItemDescription(false);
-                            if (__fxn_cartEmpty(_carts.items) == false) {
-                                _state.hotkey.mm[_amenity.button].status.button.idx = "order";
-                                _elAmMnBtn.children('div#order').addClass("active");
-                            } else {
-                                _state.hotkey.mm[_amenity.button].status.button.idx = "details";
-                                _elAmMnBtn.children('div#details').addClass("active");
-                            }
-                        }
-                        break;
-                    case "button":
-                        if (_state.hotkey.mm[_amenity.button].status.button.idx == "order") {
-                            _elAmMnBtn.children('div').removeClass("active");
-                            _state.hotkey.mm[_amenity.button].status.button.idx = "details";
-                            _elAmMnBtn.children('div#details').addClass("active");
-                        } else if (_state.hotkey.mm[_amenity.button].status.button.idx == "details") {
-                            _elAmMnBtn.children('div').removeClass("active");
-                            _state.hotkey.mm[_amenity.button].status.button.idx = "cancel";
-                            _elAmMnBtn.children('div#cancel').addClass("active");
-                        }
-                        break;
-                    case "orderdetails":
-                        //Navigate order lists
-                        __uifxn_AppFull_DrawAmenityOrderList(true, "down");
-                        break;
-                }
-                break;
-            case "right":
-                if (_state.hotkey.mm[_amenity.button].status.focus == "menu") {
-                    let selectedTblItem = _elAmMnItmTbl.children('tr.active');
-                    let _sel_itemID = selectedTblItem.attr('id');
-                    try {
-                        let _result = await HotelTV.api.PutAmenityCarts(_sel_itemID, 1);
-                        if (_result) {
-                            __uifxn_AppFull_DrawAmenityItem(false);
-                        }
-                    } catch (_error) {
-                        console.log(`Fail to call API::> ${_error}`);
-                    }
-                } else if (_state.hotkey.mm[_amenity.button].status.focus == "cartlist") {
-                    __uifxn_AppFull_DrawAmenityCartList(true, "left");
-                }
-                break;
-            case "left":
-                if (_state.hotkey.mm[_amenity.button].status.focus == "menu") {
-                    let selectedTblItem = _elAmMnItmTbl.children('tr.active');
-                    let _sel_itemID = selectedTblItem.attr('id');
-                    try {
-                        let _result = await HotelTV.api.PutAmenityCarts(_sel_itemID, -1);
-                        if (_result) {
-                            __uifxn_AppFull_DrawAmenityItem(false);
-                        }
-                    } catch (_error) {
-                        console.log(`Fail to call API::> ${_error}`);
-                    }
-                } else if (_state.hotkey.mm[_amenity.button].status.focus == "cartlist") {
-                    __uifxn_AppFull_DrawAmenityCartList(true, "right");
-                }
-                break;
-            case "enter":
-                if (_state.hotkey.mm[_amenity.button].status.focus == "button") {
-                    switch (_state.hotkey.mm[_opening.amenity.button].status.button.idx) {
-                        case "cancel":
-                            __fxn_close_AmPopup(_cbFxn);
-                            break;
-                        case "order":
-                            //Remove active class from menu buttons
-                            _elAmMnBtn.children('div').removeClass("active");
-
-                            // Build Cart List
-                            _state.hotkey.mm[_amenity.button].status.focus = "cartlist";
-                            __uifxn_AppFull_DrawAmenityCartList(true, "build");
-                            _state.hotkey.mm[_opening.amenity.button].status.cartlist.idx = "confirm";
-                            break;
-                        case "details":
-                            // Check ordered amenity item count
-                            try {
-                                HotelTV.orders.amenity = _AmOrder = await HotelTV.api.GetAmenityOrders(null);
-
-                                if ( _AmOrder.orders.length>1 )
-                                {
-                                    // Hide Menu
-                                    _elAmMnRoot.hide();
-
-                                    // Build Order details
-                                    _state.hotkey.mm[_amenity.button].status.focus = "orderdetails";
-                                    __uifxn_AppFull_DrawAmenityOrderList(true, "build");
-                                }
-                                else
-                                {
-                                    //주문된 Amenity 아이탬이 없음을 알리는 말풍선
-                                    HotelTV.ui_utils.ShowNotificationMsgBalloon(_trTbl.ui.roomservice.usage.emptyorder[_state.lang], 5);
-                                }
-                            } catch (_error) {
-                                console.log(`Fail to call API::> ${_error}`);
-                            }
-                            break;
-                    }
-                } else if (_state.hotkey.mm[_amenity.button].status.focus == "cartlist") {
-                    switch (_state.hotkey.mm[_opening.amenity.button].status.cartlist.idx) {
-                        case "confirm":
-                            _state.hotkey.mm[_amenity.button].status.focus = "orderalert";
-                            try {
-                                let _result = await HotelTV.api.PutAmenityOrders();
-                                if (_result) {
-                                    console.log(`Success to order CARTID::>`);
-                                    __uifxn_AppFull_DrawAmenityItem(true);
-
-                                    HotelTV.orders.amenity = await HotelTV.api.GetAmenityOrders(null);
-                                } else {
-                                    console.log(`Fail to order CARTID::>`);
-                                }
-                            } catch (_error) {
-                                console.log(`Fail to call API::> ${_error}`);
-                            }
-
-                            //Show Order confirm alert
-                            __uifxn_AppFull_DrawAmenityOrderAlert(true);
-                            break;
-                        case "cancel":
-                            //Hide Cart List
-                            __uifxn_AppFull_DrawAmenityCartList(false, "back");
-                            //Return to button
-                            _state.hotkey.mm[_amenity.button].status.focus = "button";
-                            _elAmMnBtn.children('div#order').addClass("active");
-                            break;
-                    }
-                } else if (_state.hotkey.mm[_amenity.button].status.focus == "orderalert") {
-                    //Hide Cart List
-                    __uifxn_AppFull_DrawAmenityCartList(false, "back");
-                    //Hide Order confirm alert
-                    __uifxn_AppFull_DrawAmenityOrderAlert(false);
-                    //Return to button
-                    _state.hotkey.mm[_amenity.button].status.focus = "button";
-                    _elAmMnBtn.children('div#order').addClass("active");
-                }
-                break;
-            case "back":
-                if (_state.hotkey.mm[_amenity.button].status.focus == "orderalert") {
-                    //Hide Cart List
-                    __uifxn_AppFull_DrawAmenityCartList(false, "back");
-                    //Hide Order confirm alert
-                    __uifxn_AppFull_DrawAmenityOrderAlert(false);
-                    //Return to button
-                    _state.hotkey.mm[_amenity.button].status.focus = "button";
-                    _elAmMnBtn.children('div#order').addClass("active");
-                } else if (_state.hotkey.mm[_amenity.button].status.focus == "orderdetails") {
-                    //Hide Order Details
-                    __uifxn_AppFull_DrawAmenityOrderList(false, null);
-
-                    //Return to button
-                    _state.hotkey.mm[_amenity.button].status.focus = "button";
-
-                    // Hide Menu
-                    _elAmMnRoot.fadeIn(400);
-                } else {
-                    __fxn_close_AmPopup(_cbFxn);
-                }
-                break;
-        }
-    }
-
-
     /**
      * HotelTV UI[AppFull] Wrapper Function::> build amenity service
-     * @param {boolean} e event
      */
     function __uifxn_AppFull_BuildAmenity() {
         let _state = HotelTV.state;
+        let _state_am_specific = null;
         let _trTbl = HotelTV.translation;
         let _opening = HotelTV.opening;
         let _order = HotelTV.orders.amenity;
-        let _amenity = null;
+        let _aminfo_top = null;
+        let _aminfo_ctgy = null;
+        let _elMainRoot = $('.main');
+        let _elMainMenu = _elMainRoot.children('.mm');
         let _elAmPupRoot = $('.popup .amenity');
-        let _elAmMnRoot = _elAmPupRoot.children('.menu');
-        let _elAmMnBtn = _elAmMnRoot.children('#buttons');
-        let _elAmMnSummary = _elAmMnRoot.children('#summary');
+        let _elAmCtgyBg = _elAmPupRoot.children('.bg').find('#lst_ctgbg');
+        let _elAmCtgySel = _elAmPupRoot.children('.slider').find('#lst_ctgsel');
 
+
+        // 어메니티 인포 Validation
         if (!_opening.amenity) {
             return;
         }
-        _amenity = _opening.amenity;
 
-        _elAmMnRoot.children('#title').text(_amenity.title[_state.lang]);
-        _elAmMnRoot.children('#usage').text(_trTbl.ui.amenity.usage.order[_state.lang]);
+        // 어메니티 정보 오브젝트
+        _aminfo_top = _opening.amenity;
+        _aminfo_ctgy = _aminfo_top.menu;
 
 
-        //Draw Amenity Cart Items
-        try {
-            let _elAmMnItems = _elAmMnRoot.children(`#items`);
-            let _elAmMnItemTblHdr = _elAmMnItems.children('.tbl_header').children('tbody');
-            let _elAmMnItemTblRec = _elAmMnItems.children('.tbl_record').children('tbody');
-            // Drawing Item Table Headers
-            _elAmMnItemTblHdr.children('tr').children('th#type').text(`${_trTbl.ui.amenity.title.item[_state.lang]} [${_amenity.children.length}]`);
-            _elAmMnItemTblHdr.children('tr').children('th#quantity').text(_trTbl.ui.amenity.title.quantity[_state.lang]);
+        _state_am_specific = _state.hotkey.mm[_aminfo_top.button].status;
 
-            // Delete elements under amenity service item table
-            if (_elAmMnItemTblRec.children('tr').length) {
-                _elAmMnItemTblRec.children('tr').remove();
+
+
+        // 초기 메인 메뉴 KEY설정
+        _state.menu.stage.cur = "preparing_amenity";
+
+        // 어메니티 팝업 카테고리 셀렉터 노드를 동적으로 구성
+        for (let _idx = 1; _idx <= _aminfo_ctgy.length; _idx++) {
+            let _elDiv_Ctgy = document.createElement('div');
+            _elDiv_Ctgy.className = 'item';
+            _elDiv_Ctgy.id = _aminfo_ctgy[_idx].id;
+            _elDiv_Ctgy.setAttribute("am_ctgy_id", _idx);
+
+            // Append Category elements::title
+            let _elDiv_CtgyTitle = document.createElement('div');
+            _elDiv_CtgyTitle.setAttribute("id", "am_item_title");
+
+            if (_aminfo_ctgy[_idx].showTitle && _aminfo_ctgy[_idx].showTitle == true) {
+                _elDiv_CtgyTitle.textContent = _aminfo_ctgy[_idx].title[_state.lang];
             }
 
-            for (let _idx = 1; _idx <= _amenity.children.length; _idx++) {
-                let _rsItem = _amenity.children[_idx];
+            // Append Category elements::btn
+            let _elDiv_CtgyBtn = document.createElement('div');
+            _elDiv_CtgyBtn.setAttribute("id", "ctgy_item_btn");
+            let _sz_styleOpt = "--icon_unfocus: url(" + _aminfo_ctgy[_idx].unfocusIcon.file.download + "); ";
+            _sz_styleOpt += "--icon_focus: url(" + _aminfo_ctgy[_idx].focusIcon.file.download + "); ";
+            //_sz_styleOpt += "background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; ";
+            _sz_styleOpt += "background-repeat: no-repeat; background-position: center bottom;";
+            _elDiv_CtgyBtn.setAttribute("style", _sz_styleOpt);
 
-                var _eltr_item = document.createElement('tr');
-                _eltr_item.setAttribute("id", _amenity.children[_idx].id);
-                _eltr_item.setAttribute("index", _idx); {
-                    //어메니티 아이탬 화면 드로잉
-                    var _eldiv_item_ctz = document.createElement('div');
-                    _eldiv_item_ctz.setAttribute("class", "products");
+            _elDiv_Ctgy.appendChild(_elDiv_CtgyBtn);
+            _elDiv_Ctgy.appendChild(_elDiv_CtgyTitle);
 
-                    // Append Sub elements::index
-                    let _elDiv_index = document.createElement('div');
-                    _elDiv_index.setAttribute("id", "index");
-                    _elDiv_index.textContent = `[${_idx}]`;
-                    _eldiv_item_ctz.appendChild(_elDiv_index);
-
-                    // Append Sub elements::title
-                    let _elDiv_title = document.createElement('div');
-                    _elDiv_title.setAttribute("id", "title");
-                    _elDiv_title.textContent = _rsItem.title[_state.lang];
-                    _eldiv_item_ctz.appendChild(_elDiv_title);
-
-                    // Append Sub elements::price
-                    let _elDiv_price = document.createElement('div');
-                    _elDiv_price.setAttribute("id", "price");
-                    _elDiv_price.textContent = _rsItem.price[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-                    _eldiv_item_ctz.appendChild(_elDiv_price);
-
-                    // Append Sub elements::quantity
-                    let _elDiv_quantity = document.createElement('div');
-                    _elDiv_quantity.setAttribute("id", "quantity");
-                    _elDiv_quantity.textContent = "0";
-                    _eldiv_item_ctz.appendChild(_elDiv_quantity);
-
-                }
-                _eltr_item.appendChild(_eldiv_item_ctz);
-                _elAmMnItemTblRec.append(_eltr_item);
-            }
-            // 첫번째 테이블 아애템에 active 클래스 추가 (플래그용으로 사용)
-            _elAmMnItemTblRec.children('tr').first().addClass('active');
-        } catch (_error) {
-            console.log(_error.message);
+            _elAmCtgySel.append(_elDiv_Ctgy);
         }
 
-        // Drawing Amount(Cart)
-        _elAmMnSummary.children('#title').text(_trTbl.ui.amenity.title.sum[_state.lang]);
-        // _elAmMnSummary.children('#value').text("0");
-        // _elAmMnSummary.children('#quantity').text("0");
+        // 어메니티 팝업 카테고리 백그라운드 이미지 노드를 동적으로 구성
+        for (let _idx = 1; _idx <= _aminfo_ctgy.length; _idx++) {
+            let _objAm_ctgyItem = _aminfo_ctgy[_idx].items;
+            let _sz_styleOpt = null;
+            let _elDiv_Ctgy = document.createElement('div');
 
-        //
-        __uifxn_AppFull_DrawAmenityCartList(false, null);
-        __uifxn_AppFull_DrawAmenityOrderList(false, null);
-        __uifxn_AppFull_DrawAmenityOrderAlert(false);
+            _elDiv_Ctgy.className = 'item';
+            _elDiv_Ctgy.id = _aminfo_ctgy[_idx].id;
+            _elDiv_Ctgy.setAttribute("am_ctgy_id", _idx);
+            _sz_styleOpt = "background-image: url(" + _aminfo_ctgy[_idx].background.file.download + "); ";
+            _sz_styleOpt += "background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; ";
+            _elDiv_Ctgy.setAttribute("style", _sz_styleOpt);
+
+            // TOP 그라데이션
+            let _elDiv_CtgyGradientTop = document.createElement('div');
+            _elDiv_CtgyGradientTop.className = 'top_gradient';
+
+            _elDiv_Ctgy.appendChild(_elDiv_CtgyGradientTop);
+
+            // BOTTOM 그라데이션
+            let _elDiv_CtgyGradientBottom = document.createElement('div');
+            _elDiv_CtgyGradientBottom.className = 'bottom_gradient';
+
+            _elDiv_Ctgy.appendChild(_elDiv_CtgyGradientBottom);
+
+            // ITEM LIST TOP-LEVEL ELEMENTS
+            let _elDiv_ItemWin = document.createElement('div');
+            _elDiv_ItemWin.className = 'am_item_sel_win';
+            {
+                //Window Left side
+                let _elDiv_ItemWinLeft = document.createElement('div');
+                _elDiv_ItemWinLeft.className = 'winleft';
+                {
+                    //ADD Table
+                    var _elTbl_ItemsHdr = document.createElement('table');
+                    _elTbl_ItemsHdr.className = "tbl_header";
+
+                    let _elTBody_ItmesHdr = document.createElement('tbody');
+                    {
+                        _elTBody_ItmesHdr.setAttribute("id", "hdr");
+
+                        var _elTr_ItmesHdr = document.createElement('tr');
+                        var _elTh_ItmesHdr_Title = document.createElement('th');
+                        _elTh_ItmesHdr_Title.setAttribute("id", "title");
+                        _elTh_ItmesHdr_Title.textContent = _trTbl.ui.roomservice.title.item[_state.lang];
+                        _elTr_ItmesHdr.appendChild(_elTh_ItmesHdr_Title);
+
+                        var _elTh_ItmesHdr_Amount = document.createElement('th');
+                        _elTh_ItmesHdr_Amount.setAttribute("id", "price");
+                        _elTh_ItmesHdr_Amount.textContent = _trTbl.ui.roomservice.title.amount[_state.lang];
+                        _elTr_ItmesHdr.appendChild(_elTh_ItmesHdr_Amount);
+
+                        var _elTh_ItmesHdr_Status = document.createElement('th');
+                        _elTh_ItmesHdr_Status.setAttribute("id", "status");
+                        _elTh_ItmesHdr_Status.textContent = _trTbl.ui.roomservice.title.amount[_state.lang];
+                        _elTr_ItmesHdr.appendChild(_elTh_ItmesHdr_Status);
+
+                        _elTBody_ItmesHdr.appendChild(_elTr_ItmesHdr);
+                    }
+                    _elTbl_ItemsHdr.appendChild(_elTBody_ItmesHdr);
+                    _elDiv_ItemWinLeft.appendChild(_elTbl_ItemsHdr);
+
+                    // Append item list record
+                    var _elTbl_ItemsRec = document.createElement('table');
+                    _elTbl_ItemsRec.className = "tbl_record";
+
+                    let _elTBody_ItmesRec = document.createElement('tbody');
+                    {
+                        _elTBody_ItmesRec.setAttribute("id", "record");
+                        for (let _j = 1; _j <= _objAm_ctgyItem.length; _j++) {
+                            let _objChkAvail=null;
+                            let _objItem = _objAm_ctgyItem[_j];
+
+                            var _elTr_ItmesRec = document.createElement('tr');
+                            var _elDiv_ItmesRec = document.createElement('div');
+                            _elDiv_ItmesRec.className = "amctgyItem";
+                            var _elDiv_ItmesRecName = document.createElement('div');
+                            _elDiv_ItmesRecName.setAttribute("id", "title");
+                            _elDiv_ItmesRecName.textContent = _objItem.title[_state.lang];
+                            _elDiv_ItmesRec.appendChild(_elDiv_ItmesRecName);
+
+                            var _elDiv_ItmesRecPrice = document.createElement('div');
+                            _elDiv_ItmesRecPrice.setAttribute("id", "price");
+                            _elDiv_ItmesRecPrice.textContent = _objItem.price[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _aminfo_top.currency[_state.lang];
+                            _elDiv_ItmesRec.appendChild(_elDiv_ItmesRecPrice);
+
+
+                            var _elDiv_ItmesRecStatus = document.createElement('div');
+                            _elDiv_ItmesRecStatus.setAttribute("id", "status");
+
+                            _objChkAvail = __uifxn_Utils_CheckAmItemAvailable(_objItem.schedule);
+
+                            if(_objChkAvail.result==true){
+                                _elDiv_ItmesRecStatus.textContent = _trTbl.ui.amenity.title.orderable[_state.lang];
+                            }else{
+                                _elDiv_ItmesRec.classList.add("unavailable");
+                                if ( _objChkAvail.avail_dtime=="unorderable" ){
+                                    _elDiv_ItmesRecStatus.textContent = _trTbl.ui.amenity.title.unorderable[_state.lang];
+                                }else{
+                                    _elDiv_ItmesRecStatus.textContent = _objChkAvail.avail_dtime;
+                                }
+                            }
+                            _elDiv_ItmesRec.appendChild(_elDiv_ItmesRecStatus);
+                            _elTr_ItmesRec.appendChild(_elDiv_ItmesRec);
+                            _elTBody_ItmesRec.appendChild(_elTr_ItmesRec);
+                        }
+                        _elTbl_ItemsRec.appendChild(_elTBody_ItmesRec);
+                    }
+                    _elDiv_ItemWinLeft.appendChild(_elTbl_ItemsRec);
+                }
+                _elDiv_ItemWin.appendChild(_elDiv_ItemWinLeft);
+
+
+
+
+
+                //Window Right side
+                let _elDiv_ItemWinRight = document.createElement('div');
+                _elDiv_ItemWinRight.className = 'winright';
+
+                _elDiv_ItemWin.appendChild(_elDiv_ItemWinRight);
+            }
+            _elDiv_Ctgy.appendChild(_elDiv_ItemWin);
+
+            // _elAmCtgyBg에 추가
+            _elAmCtgyBg.append(_elDiv_Ctgy);
+        }
+
+
+        _elAmCtgyBg.owlCarousel({
+            center: true,
+            items: 1, //Number of Items on Screen what you want
+            loop: true,
+            margin: 0,
+            smartSpeed: 1000,
+            lazyLoad: true,
+            mouseDrag: false,
+            touchDrag: false,
+            pullDrag: false,
+            freeDrag: false,
+            dots: false,
+            startPosition: (Number(_state_am_specific.category_sel.cur) - 1),
+        });
+        // _elAmPupRoot.children('.bg').fadeIn(1000, function() {
+        //     __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
+        //     __uifxn_AppFull_TopWidjetShow(false);
+        // });
+
+        _elAmCtgySel.owlCarousel({
+            center: true,
+            items: 5, //Number of Items on Screen what you want
+            loop: true,
+            margin: 0,
+            smartSpeed: 0,
+            autoWidth: false,
+            mouseDrag: false,
+            touchDrag: false,
+            pullDrag: false,
+            freeDrag: false,
+            dots: true,
+            startPosition: (Number(_state_am_specific.category_sel.cur) - 1),
+        });
+
+        //메인 페이지->어메니티 페이지 화면 전환
+        _elMainRoot.fadeOut(500, function() {
+            __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
+            __uifxn_AppFull_TopWidjetShow(false);
+            _elMainRoot.removeClass("depth_mm");
+            _elAmPupRoot.children('.slider').fadeIn(300, function() {
+                _elAmPupRoot.children('.bg').fadeIn(500, function() {
+                    _elAmCtgySel.find('.owl-item').addClass('unfocus');
+                    _elAmCtgySel.trigger("to.owl.carousel", [(Number(_state_am_specific.category_sel.cur) - 1), 10, true]);
+                    _elAmCtgySel.trigger('translate.owl.carousel', [0, 500, true]);
+
+                    $(document.activeElement).keydown(function(event) { //attach event listener
+                        if (_state.menu.stage.cur == "amenity_ctgy_sel") {
+                            if (event.keyCode == gRmtKey.left) {
+                                _elAmCtgySel.trigger('prev.owl', [700]);
+                            } else if (event.keyCode == gRmtKey.right) {
+                                _elAmCtgySel.trigger('next.owl', [700]);
+                            } else if (event.keyCode == gRmtKey.enter) {
+                                // 카테고리 화면 빌드 및 화면 전환
+                                _state.menu.stage.cur = "amenity_ctgy_item_sel";
+
+                            } else if (event.keyCode == gRmtKey.back) {
+                                // 카테고리 폼의 썸네일 에니메이션용 타이머 제거
+                                if (_hndl_tmrAmenityThumbAni != null) {
+                                    clearInterval(_hndl_tmrAmenityThumbAni);
+                                    _hndl_tmrAmenityThumbAni = null;
+                                    console.log("TMR(AMENITY CATEGORY CTZ ANI For Thumbnail)::>Destoried...");
+                                }
+
+                                // 어메니티 -> 메인 메뉴로 귀환
+                                $(document.activeElement).off('keydown');
+                                _elMainMenu.show(function() {
+                                    $('#lst_mmsel').trigger('translate.owl.carousel', [0]);
+                                });
+
+                                _elAmCtgySel.off('refresh.owl.carousel');
+                                _elAmCtgySel.off('change.owl.carousel');
+                                _elAmCtgySel.off('changed.owl.carousel');
+                                _elAmCtgySel.off('translate.owl.carousel');
+
+                                _elAmCtgyBg.owlCarousel('destroy');
+                                _elAmCtgySel.owlCarousel('destroy');
+
+                                _elAmCtgySel.children('div').remove();
+                                _elAmCtgyBg.children('div').remove();
+                                _elAmPupRoot.children('.bg').hide();
+                                _elAmPupRoot.children('.slider').hide();
+
+                                setTimeout(function() {
+                                    $('.main').fadeIn(1000, () => {
+                                        _state.menu.stage.cur = "main";
+                                        $('.main').addClass("depth_mm");
+                                        __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
+                                        __uifxn_AppFull_TopWidjetShow(true);
+                                    });
+                                }, 500);
+                            }
+                        } else if (_state.menu.stage.cur == "amenity_ctgy_item_sel") {
+                            if (event.keyCode == gRmtKey.left) {
+
+                            } else if (event.keyCode == gRmtKey.right) {
+
+                            } else if (event.keyCode == gRmtKey.back) {
+                                console.log('AMENITY CATEGORY ITEM SEL: KEY::> ' + event.keyCode);
+                            }
+                        } else {
+                            console.log("AMENITY SLIDER KEYEVT: Skip events");
+                        }
+                    });
+                    _state.menu.stage.cur = "amenity_ctgy_sel";
+                });
+            })
+        });
+
+        _elAmCtgySel.on('change.owl.carousel', function(event) {
+            // Update HotelTV Amenity menu sel status
+            _state_am_specific.category_sel.prev = Object.keys(_aminfo_ctgy)[event.page.index];
+        });
+
+        _elAmCtgySel.on('destroy.owl.carousel', function(event) {
+            console.log("AMENITY MM SEL destroied::>" );
+        });
+
+        _elAmCtgySel.on('changed.owl.carousel', function(event) {
+            // Update HotelTV Amenity menu sel status
+            _state_am_specific.category_sel.cur = Object.keys(_aminfo_ctgy)[event.page.index];
+            //console.log("AMENITY CATEGORY SEL IDX::>" + _state.menu.main[_mmIdx].cur);
+            _elAmCtgyBg.trigger("to.owl.carousel", [event.page.index, 1000, true]);
+        });
+
+        _elAmCtgySel.on('translate.owl.carousel', function(event) {
+            // 메뉴 셀렉터 좌/우 헨들링 및 이펙트
+            let _uiCtrl_idx = 0;
+            if (typeof event.item != 'undefined') {
+                _uiCtrl_idx = event.item.index;
+            } else {
+                _uiCtrl_idx = _elAmCtgySel.find('.owl-item.active.center').index();
+            }
+            //console.log("AMENITY CATEGORY CTRL IDX::>" + _uiCtrl_idx);
+            _elAmCtgySel.find('.owl-item.focus').addClass('unfocus');
+            _elAmCtgySel.find('.owl-item.focus').removeClass('focus');
+            _elAmCtgySel.find('.owl-item').eq(_uiCtrl_idx).addClass('focus');
+            _elAmCtgySel.find('.owl-item').eq(_uiCtrl_idx).removeClass('unfocus');
+        });
 
-        // Draw Buttons
-        _elAmMnBtn.children('#order').text(_trTbl.ui.amenity.title.order[_state.lang]);
-        _elAmMnBtn.children('#details').text(_trTbl.ui.amenity.title.orderdetails[_state.lang]);
-        _elAmMnBtn.children('#cancel').text(_trTbl.ui.amenity.title.cancel[_state.lang]);
 
 
         // HOTKEY정보를 state에 기록
-        if (!(_amenity.button in _state.hotkey.mm)) {
-            _state.hotkey.mm[_amenity.button] = {
-                'type': "amenity",
-                'id': _amenity.id,
-                "status": {
-                    "focus": "menu",
-                    "menu": {
-                        "idx": 0,
-                        "scroll_TOfset": 0
-                    },
-                    "button": {
-                        "idx": null
-                    },
-                    "cartlist": {
-                        "idx": null,
-                        "scroll_TOfset": 0
-                    },
-                    "orderdetails": {
-                        "idx": null,
-                        "scroll_TOfset": 0
-                    }
-                }
-            };
-        }
+        // if (!(_amenity.button in _state.hotkey.mm)) {
+        //     _state.hotkey.mm[_amenity.button] = {
+        //         'type': "amenity",
+        //         'id': _amenity.id,
+        //         "status": {
+        //             "focus": "menu",
+        //             "menu": {
+        //                 "idx": 0,
+        //                 "scroll_TOfset": 0
+        //             },
+        //             "button": {
+        //                 "idx": null
+        //             },
+        //             "cartlist": {
+        //                 "idx": null,
+        //                 "scroll_TOfset": 0
+        //             },
+        //             "orderdetails": {
+        //                 "idx": null,
+        //                 "scroll_TOfset": 0
+        //             }
+        //         }
+        //     };
+        // }
         return;
     }
 
-
     /**
      * HotelTV UI[AppFull] Wrapper Function::> build amenity
      * @param {boolean} _show show/hide
@@ -2282,7 +1782,6 @@ HotelTV.ui_appfull = (function() {
 
     /**
      * HotelTV UI[AppFull] Wrapper Function::> build room service
-     * @param {boolean} e event
      */
     function __uifxn_AppFull_BuildRoomService() {
         let _state = HotelTV.state;
@@ -2408,9 +1907,8 @@ HotelTV.ui_appfull = (function() {
 
     /**
      * HotelTV UI[AppFull] Wrapper Function::> build news
-     * @param {boolean} e event
      */
-    function __uifxn_AppFull_BldNews() {
+    function __uifxn_AppFull_BuildNews() {
         let _state = HotelTV.state;
         let _newsInfo = HotelTV.news;
 
@@ -2463,7 +1961,7 @@ HotelTV.ui_appfull = (function() {
 
     /**
      * HotelTV UI[AppFull] Wrapper Function::> received event handling function
-     * @param {boolean} e event
+     * @param {object} _evt event
      */
     function __uifxn_AppFull_OnKeyDnEvt_SmSel(_evt) {
         let _state = HotelTV.state;
@@ -3030,7 +2528,7 @@ HotelTV.ui_appfull = (function() {
                                 _hndl_mpBg = null;
                                 _state.menu.stage.cur = "main"
                                 setTimeout(function() {
-                                    __uifxn_AppFull_ShowMMHotKeyBtn(true);
+                                    __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
                                 }, 500);
                             });
                         } else if (event.keyCode == gRmtKey.play) {
@@ -3582,7 +3080,7 @@ HotelTV.ui_appfull = (function() {
     /**
      * HotelTV UI[AppFull] Wrapper Function::> Buildup sub menu and main bg
      */
-    function __uifxn_AppFull_BldPage_CtzGeneral() {
+    function __uifxn_AppFull_Build_CtzGeneral() {
         let _trTbl = HotelTV.translation;
         let _state = HotelTV.state;
         let _mmIdx = _state.menu.main.cur;
@@ -3802,7 +3300,7 @@ HotelTV.ui_appfull = (function() {
     /**
      * HotelTV UI[AppFull] Wrapper Function::> Buildup sub menu and main bg
      */
-    function __uifxn_AppFull_BldPage_SubGeneral() {
+    function __uifxn_AppFull_Build_SubGeneral() {
         let _trTbl = HotelTV.translation;
         let _state = HotelTV.state;
         let _mmIdx = _state.menu.main.cur;
@@ -3974,7 +3472,7 @@ HotelTV.ui_appfull = (function() {
                                     console.log("Invalid options");
                                 } else if (_program[_mmIdx].style.toLowerCase() == "submenu") {
                                     console.log('DDDBUG::> Go to CTZ>');
-                                    __uifxn_AppFull_BldPage_CtzGeneral();
+                                    __uifxn_AppFull_Build_CtzGeneral();
                                 }
                             }
                         } else if (event.keyCode == gRmtKey.back) {
@@ -4013,7 +3511,7 @@ HotelTV.ui_appfull = (function() {
                                 _hndl_smBg = null;
                                 _state.menu.stage.cur = "main"
                                 setTimeout(function() {
-                                    __uifxn_AppFull_ShowMMHotKeyBtn(true);
+                                    __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
                                 }, 500);
                             });
                         }
@@ -4125,7 +3623,7 @@ HotelTV.ui_appfull = (function() {
     /**
      * HotelTV UI[AppFull] Wrapper Function::> Buildup sub menu and main bg
      */
-    function __uifxn_AppFull_BldPage_SubTV() {
+    function __uifxn_AppFull_Build_SubTv() {
         let _state = HotelTV.state;
         let _mmIdx = _state.menu.main.cur;
         let _trTbl = HotelTV.translation;
@@ -4161,7 +3659,7 @@ HotelTV.ui_appfull = (function() {
                 _state.menu.stage.cur = "main";
 
                 setTimeout(function() {
-                    __uifxn_AppFull_ShowMMHotKeyBtn(true);
+                    __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
                     __uifxn_AppFull_TopWidjetShow(true);
                 }, 500);
             });
@@ -4597,7 +4095,7 @@ HotelTV.ui_appfull = (function() {
                             {
                                 if ($('.news').css('display') != "block") {
                                     $('.news').fadeIn(500, function() {
-                                        __uifxn_AppFull_BldNews();
+                                        __uifxn_AppFull_BuildNews();
                                         $('.news>.newsctz #hoteltv-news-ticker').webTicker('cont');
                                     });
                                 }
@@ -4623,7 +4121,7 @@ HotelTV.ui_appfull = (function() {
                         {
                             if ($('.news').css('display') != "block") {
                                 $('.news').fadeIn(500, function() {
-                                    __uifxn_AppFull_BldNews();
+                                    __uifxn_AppFull_BuildNews();
                                     $('.news>.newsctz #hoteltv-news-ticker').webTicker('cont');
                                 });
                             }
@@ -4669,9 +4167,9 @@ HotelTV.ui_appfull = (function() {
         let _state = HotelTV.state;
 
         if ((_program[(_evt.page.index + 1)].type == "weather") || (_program[(_evt.page.index + 1)].type == "flight")) {
-            __uifxn_AppFull_ShowMMHotKeyBtn(false);
+            __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
         } else {
-            __uifxn_AppFull_ShowMMHotKeyBtn(true);
+            __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
         }
 
         //console.log(`Evnt: ${_evt.item.index} Of ${_evt.item.count} page::> ${_evt.page.index} of ${_evt.page.count}`);
@@ -4786,7 +4284,7 @@ HotelTV.ui_appfull = (function() {
     /**
      * HotelTV UI Wrapper Function::> Build Main Menu::> Flight
      */
-    function __uifxn_AppFull_MM_BldFlight() {
+    function __uifxn_AppFull_BuildFlight() {
         let _state = HotelTV.state;
         let _program = HotelTV.tvguide.program;
         let _trTbl = HotelTV.translation;
@@ -5002,7 +4500,7 @@ HotelTV.ui_appfull = (function() {
     /**
      * HotelTV UI Wrapper Function::> Build Main Menu::> Weather
      */
-    function __uifxn_AppFull_MM_BldWeather() {
+    function __uifxn_AppFull_BuildWeather() {
         let _state = HotelTV.state;
         let _trTbl = HotelTV.translation;
         let _weather = HotelTV.weather[_state.weather.default_location];
@@ -5050,7 +4548,7 @@ HotelTV.ui_appfull = (function() {
      * HotelTV UI[AppFull] Wrapper Function::> Buildup main menu and main bg
      * @param {boolean} uri_img background image url
      */
-    function __uifxn_AppFull_BldPage_Main() {
+    function __uifxn_AppFull_BuildMain() {
         let _program = HotelTV.tvguide.program;
         let _weather = null;
         let _state = HotelTV.state;
@@ -5187,7 +4685,7 @@ HotelTV.ui_appfull = (function() {
             //Weather Contents Buildup
             if ( _get_weather_def_location()==true ){
                 if ( Object.keys(_state.weather.default_location).length != 0 ){
-                    __uifxn_AppFull_MM_BldWeather();
+                    __uifxn_AppFull_BuildWeather();
                 }
             }
 
@@ -5195,13 +4693,13 @@ HotelTV.ui_appfull = (function() {
             __uifxn_AppFull_TopWidjet_BuildWeather();
 
             //Build Flight
-            __uifxn_AppFull_MM_BldFlight();
+            __uifxn_AppFull_BuildFlight();
 
             //Build Brochures
             __uifxn_AppFull_BuildBrochure();
 
             //Build Amenity
-            __uifxn_AppFull_BuildAmenity();
+            __uifxn_AppFull_HotKey_RegisterAmenity();
 
             //Build Room Service
             __uifxn_AppFull_BuildRoomService();
@@ -5263,7 +4761,7 @@ HotelTV.ui_appfull = (function() {
                     HotelTV.api.ReportEvent([{'power': true, 'location':{'conId':_program[_state.menu.main.cur].id}}])
                 } else if (_evt.keyCode == gRmtKey.enter) {
                     // 서브 메뉴 빌드 및 화면 전환
-                    __uifxn_AppFull_ShowMMHotKeyBtn(false);
+                    __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
                     if (_program[Number(_state.menu.main.cur)].type.toLowerCase() == "normal") {
                         if (_program[Number(_state.menu.main.cur)].style.toLowerCase() == "none") {
                             console.log("It's Top level contents...");
@@ -5271,7 +4769,7 @@ HotelTV.ui_appfull = (function() {
                             console.log("Preparing General sub contents...");
                         } else if (_program[Number(_state.menu.main.cur)].style.toLowerCase() == "submenu") {
                             console.log("Preparing General sub menu...");
-                            __uifxn_AppFull_BldPage_SubGeneral();
+                            __uifxn_AppFull_Build_SubGeneral();
                         }
                     } else if (_program[Number(_state.menu.main.cur)].type.toLowerCase() == "mypage") {
                         console.log("Preparing Mypage sub menu...");
@@ -5279,7 +4777,7 @@ HotelTV.ui_appfull = (function() {
                     } else if (_program[Number(_state.menu.main.cur)].type.toLowerCase() == "tv") {
                         console.log("Preparing TV sub menu...");
                         __uifxn_AppFull_TopWidjetShow(false);
-                        __uifxn_AppFull_BldPage_SubTV();
+                        __uifxn_AppFull_Build_SubTv();
                     } else if (_program[Number(_state.menu.main.cur)].type.toLowerCase() == "application") {
                         console.log("Preparing TV APP::>" + _program[Number(_state.menu.main.cur)].service);
                         if (_program[Number(_state.menu.main.cur)].service == "youtube") {
@@ -5316,23 +4814,19 @@ HotelTV.ui_appfull = (function() {
                             if (_state.hotkey.mm.red.type == "brochure") {
                                 $('.popup .hotkey_mm_red').fadeIn(1000, function() {
                                     _state.menu.stage.cur = "hotkey_mm_red";
-                                    __uifxn_AppFull_ShowMMHotKeyBtn(false);
+                                    __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
                                     __uifxn_AppFull_TopWidjetShow(false);
                                 });
                             } else if (_state.hotkey.mm.red.type == "amenity") {
-                                $('.popup .amenity').show(0, function() {
-                                    $('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => {
-                                        _state.menu.stage.cur = "hotkey_mm_amenity";
-                                        __uifxn_AppFull_DrawAmenityItem(true);
-                                        __uifxn_AppFull_ShowMMHotKeyBtn(false);
-                                    });
-                                });
+                                if (_opening.amenity) {
+                                    __uifxn_AppFull_BuildAmenity();
+                                }
                             } else if (_state.hotkey.mm.red.type == "roomservice") {
                                 $('.popup .roomservice').show(0, function() {
                                     $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => {
                                         _state.menu.stage.cur = "hotkey_mm_roomservice";
                                         __uifxn_AppFull_DrawRoomserviceItem(true);
-                                        __uifxn_AppFull_ShowMMHotKeyBtn(false);
+                                        __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
                                     });
                                 });
                             }
@@ -5346,23 +4840,19 @@ HotelTV.ui_appfull = (function() {
                             if (_state.hotkey.mm.green.type == "brochure") {
                                 $('.popup .hotkey_mm_green').fadeIn(1000, function() {
                                     _state.menu.stage.cur = "hotkey_mm_green";
-                                    __uifxn_AppFull_ShowMMHotKeyBtn(false);
+                                    __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
                                     __uifxn_AppFull_TopWidjetShow(false);
                                 });
                             } else if (_state.hotkey.mm.green.type == "amenity") {
-                                $('.popup .amenity').show(0, function() {
-                                    $('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => {
-                                        _state.menu.stage.cur = "hotkey_mm_amenity";
-                                        __uifxn_AppFull_DrawAmenityItem(true);
-                                        __uifxn_AppFull_ShowMMHotKeyBtn(false);
-                                    });
-                                });
+                                if (_opening.amenity) {
+                                    __uifxn_AppFull_BuildAmenity();
+                                }
                             } else if (_state.hotkey.mm.green.type == "roomservice") {
                                 $('.popup .roomservice').show(0, function() {
                                     $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => {
                                         _state.menu.stage.cur = "hotkey_mm_roomservice";
                                         __uifxn_AppFull_DrawRoomserviceItem(true);
-                                        __uifxn_AppFull_ShowMMHotKeyBtn(false);
+                                        __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
                                     });
                                 });
                             }
@@ -5376,23 +4866,19 @@ HotelTV.ui_appfull = (function() {
                             if (_state.hotkey.mm.yellow.type == "brochure") {
                                 $('.popup .hotkey_mm_yellow').fadeIn(1000, function() {
                                     _state.menu.stage.cur = "hotkey_mm_yellow";
-                                    __uifxn_AppFull_ShowMMHotKeyBtn(false);
+                                    __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
                                     __uifxn_AppFull_TopWidjetShow(false);
                                 });
                             } else if (_state.hotkey.mm.yellow.type == "amenity") {
-                                $('.popup .amenity').show(0, function() {
-                                    $('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => {
-                                        _state.menu.stage.cur = "hotkey_mm_amenity";
-                                        __uifxn_AppFull_DrawAmenityItem(true);
-                                        __uifxn_AppFull_ShowMMHotKeyBtn(false);
-                                    });
-                                });
+                                if (_opening.amenity) {
+                                    __uifxn_AppFull_BuildAmenity();
+                                }
                             } else if (_state.hotkey.mm.yellow.type == "roomservice") {
                                 $('.popup .roomservice').show(0, function() {
                                     $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => {
                                         _state.menu.stage.cur = "hotkey_mm_roomservice";
                                         __uifxn_AppFull_DrawRoomserviceItem(true);
-                                        __uifxn_AppFull_ShowMMHotKeyBtn(false);
+                                        __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
                                     });
                                 });
                             }
@@ -5406,23 +4892,19 @@ HotelTV.ui_appfull = (function() {
                             if (_state.hotkey.mm.blue.type == "brochure") {
                                 $('.popup .hotkey_mm_blue').fadeIn(1000, function() {
                                     _state.menu.stage.cur = "hotkey_mm_blue";
-                                    __uifxn_AppFull_ShowMMHotKeyBtn(false);
+                                    __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
                                     __uifxn_AppFull_TopWidjetShow(false);
                                 });
                             } else if (_state.hotkey.mm.blue.type == "amenity") {
-                                $('.popup .amenity').show(0, function() {
-                                    $('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => {
-                                        _state.menu.stage.cur = "hotkey_mm_amenity";
-                                        __uifxn_AppFull_DrawAmenityItem(true);
-                                        __uifxn_AppFull_ShowMMHotKeyBtn(false);
-                                    });
-                                });
+                                if (_opening.amenity) {
+                                    __uifxn_AppFull_BuildAmenity();
+                                }
                             } else if (_state.hotkey.mm.blue.type == "roomservice") {
                                 $('.popup .roomservice').show(0, function() {
                                     $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => {
                                         _state.menu.stage.cur = "hotkey_mm_roomservice";
                                         __uifxn_AppFull_DrawRoomserviceItem(true);
-                                        __uifxn_AppFull_ShowMMHotKeyBtn(false);
+                                        __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
                                     });
                                 });
                             }
@@ -5433,14 +4915,7 @@ HotelTV.ui_appfull = (function() {
                     // DEDICATED HOT KEY: Amenity
                     // Check amenity menu enabled
                     if (_opening.amenity) {
-                        $('.popup .amenity').show(0, function() {
-                            $('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => {
-                                _state.menu.stage.cur = "hotkey_mm_amenity";
-                                __uifxn_AppFull_DrawAmenityItem(true);
-                                __uifxn_AppFull_ShowMMHotKeyBtn(false);
-                            });
-                        });
-                        HotelTV.api.ReportEvent([{'power': true, 'location':{'conId':_opening.amenity.id}}])
+                        __uifxn_AppFull_BuildAmenity();
                     }
                 } else if (_evt.keyCode == gRmtKey.roomservice) {
                     // DEDICATED HOT KEY: Room service
@@ -5450,7 +4925,7 @@ HotelTV.ui_appfull = (function() {
                             $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => {
                                 _state.menu.stage.cur = "hotkey_mm_roomservice";
                                 __uifxn_AppFull_DrawRoomserviceItem(true);
-                                __uifxn_AppFull_ShowMMHotKeyBtn(false);
+                                __uifxn_AppFull_HotKey_ShowBtnOnMM(false);
                             });
                         });
                         HotelTV.api.ReportEvent([{'power': true, 'location':{'conId':_opening.amenity.roomService}}])
@@ -5488,7 +4963,7 @@ HotelTV.ui_appfull = (function() {
                         $('.popup .hotkey_mm_red').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() {
                             $('.popup .hotkey_mm_red').css({ "background-color": "" });
                             _state.menu.stage.cur = "main";
-                            __uifxn_AppFull_ShowMMHotKeyBtn(true);
+                            __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
                             __uifxn_AppFull_TopWidjetShow(true);
                         });
                     });
@@ -5504,7 +4979,7 @@ HotelTV.ui_appfull = (function() {
                         $('.popup .hotkey_mm_green').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() {
                             $('.popup .hotkey_mm_green').css({ "background-color": "" });
                             _state.menu.stage.cur = "main";
-                            __uifxn_AppFull_ShowMMHotKeyBtn(true);
+                            __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
                             __uifxn_AppFull_TopWidjetShow(true);
                         });
                     });
@@ -5524,7 +4999,7 @@ HotelTV.ui_appfull = (function() {
                         $('.popup .hotkey_mm_yellow').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() {
                             $('.popup .hotkey_mm_yellow').css({ "background-color": "" });
                             _state.menu.stage.cur = "main";
-                            __uifxn_AppFull_ShowMMHotKeyBtn(true);
+                            __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
                             __uifxn_AppFull_TopWidjetShow(true);
                         });
                     });
@@ -5544,37 +5019,11 @@ HotelTV.ui_appfull = (function() {
                         $('.popup .hotkey_mm_blue').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() {
                             $('.popup .hotkey_mm_blue').css({ "background-color": "" });
                             _state.menu.stage.cur = "main";
-                            __uifxn_AppFull_ShowMMHotKeyBtn(true);
+                            __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
                             __uifxn_AppFull_TopWidjetShow(true);
                         });
                     });
                 }
-            } else if (_state.menu.stage.cur == "hotkey_mm_amenity") {
-                console.log("HOTKEY(MM:AMENITY: MENU) KEY EVENT::> " + _evt.keyCode);
-                if (_evt.keyCode == gRmtKey.left) {
-                    console.log("AMENITY::>LEFT");
-                    __uifxn_AppFull_HandleAmenity("left", false, false, null);
-                } else if (_evt.keyCode == gRmtKey.up) {
-                    console.log("AMENITY::>UP");
-                    __uifxn_AppFull_HandleAmenity("up", false, false, null);
-                } else if (_evt.keyCode == gRmtKey.right) {
-                    console.log("AMENITY::>RIGHT");
-                    __uifxn_AppFull_HandleAmenity("right", false, false, null);
-                } else if (_evt.keyCode == gRmtKey.down) {
-                    console.log("AMENITY::>DOWN");
-                    __uifxn_AppFull_HandleAmenity("down", false, false, null);
-                } else if (_evt.keyCode == gRmtKey.enter) {
-                    console.log("AMENITY::>ENTER");
-                    __uifxn_AppFull_HandleAmenity("enter", false, false, function() {
-                        _state.menu.stage.cur = "main";
-                        __uifxn_AppFull_ShowMMHotKeyBtn(true);
-                    });
-                } else if (_evt.keyCode == gRmtKey.back) {
-                    __uifxn_AppFull_HandleAmenity("back", true, false, function() {
-                        _state.menu.stage.cur = "main";
-                        __uifxn_AppFull_ShowMMHotKeyBtn(true);
-                    });
-                }
             } else if (_state.menu.stage.cur == "hotkey_mm_roomservice") {
                 console.log("HOTKEY(MM:ROOMSERVICE: MENU) KEY EVENT::> " + _evt.keyCode);
                 if (_evt.keyCode == gRmtKey.left) {
@@ -5593,12 +5042,12 @@ HotelTV.ui_appfull = (function() {
                     console.log("ROOMSERVICE::>ENTER");
                     __uifxn_AppFull_HandleRoomservice("enter", false, false, function() {
                         _state.menu.stage.cur = "main";
-                        __uifxn_AppFull_ShowMMHotKeyBtn(true);
+                        __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
                     });
                 } else if (_evt.keyCode == gRmtKey.back) {
                     __uifxn_AppFull_HandleRoomservice("back", true, false, function() {
                         _state.menu.stage.cur = "main";
-                        __uifxn_AppFull_ShowMMHotKeyBtn(true);
+                        __uifxn_AppFull_HotKey_ShowBtnOnMM(true);
                     });
                 }
             }
@@ -5660,7 +5109,7 @@ HotelTV.ui_appfull = (function() {
             let _ctzHotel = HotelTV.hotelinfo;
 
             console.log("Preparing APP[FULL] Page");
-            __uifxn_AppFull_BldPage_Main();
+            __uifxn_AppFull_BuildMain();
         },
 
         BGServiceEvent: function(_evt) {
@@ -5683,7 +5132,7 @@ HotelTV.ui_appfull = (function() {
                     console.warn("Updated flight scheudle UI table.");
 
                     //Flight Contents Buildup
-                    __uifxn_AppFull_MM_BldFlight();
+                    __uifxn_AppFull_BuildFlight();
                 }
             }
 
@@ -5698,7 +5147,7 @@ HotelTV.ui_appfull = (function() {
                     {
                         if ( Object.keys(_state.weather.default_location).length != 0 ){
                             //날씨 콘텐트 업데이트
-                            __uifxn_AppFull_MM_BldWeather();
+                            __uifxn_AppFull_BuildWeather();
                         }
                     }
                 }
@@ -5798,7 +5247,7 @@ HotelTV.ui_appfull = (function() {
                 HotelTV.api.GetNews().then(_ret => {
                     HotelTV.news = _ret;
                     console.log("Get New News contents");
-                    __uifxn_AppFull_BldNews();
+                    __uifxn_AppFull_BuildNews();
                 }).catch(_error => {
                     console.log("Fail to get news info");
                 });
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css b/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css
index dcc5858..62a3cec 100755
--- a/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css
@@ -431,385 +431,212 @@
 
 
 /***********************
- * Amenity Style  *
+ * Amenity Style       *
  ***********************/
+/* Amenity bg style */
+.popup .amenity {
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+}
 
- .popup .amenity {
+.popup .amenity .bg {
     position: absolute;
-    top: 96px;
-    left: -560px;
-    width: 1302px;
-    height: 700px;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
     overflow: hidden;
     display: none;
-    /* background-color: rgba(47, 47, 47, 1); */
-    /* border-style: solid; */
-    /* border-color: rgb(96, 96, 96); */
-    /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */
 }
 
-.popup .amenity .menu {
-    width: 496px;
-    height: 700px;
-    overflow: hidden;
-    display: inline-block;
-    background-color: rgba(51, 63, 80, 1);
-    color: rgb(255, 255, 255);
-    vertical-align: top;
-    /* border-style: solid; */
-    /* border-color: rgb(96, 96, 96); */
-    /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */
-    /* box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); */
+.popup .amenity .bg div {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
 }
 
-.popup .amenity .menu>#title {
-    /* width: 466px; */
-    height: 45px;
-    line-height: 36px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 10px 20px 5px 20px;
+.popup .amenity div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
 }
 
-.popup .amenity .menu>#usage {
-    /* width: 454px; */
-    height: 112px;
-    line-height: 22px;
-    font-size: 18px;
-    text-align: left;
-    margin: 5px 22px 5px 22px;
-    border-bottom: 1px solid rgb(67, 82, 105);
-    white-space: pre-line;
-    overflow: hidden;
+.popup .amenity .bg .owl-carousel .owl-stage .owl-item {
+    width: 100%;
 }
 
-.popup .amenity .menu>#items {
-    height: 282px;
-    overflow-y: hidden;
-    overflow-x: hidden;
-    margin: 5px 22px 5px 22px;
+.popup .amenity .bg .owl-carousel .owl-stage .top_gradient{
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 240px;
+    background: linear-gradient(0deg, rgba(7,8,11,0) 0%, rgba(7,8,11,0.5) 45%, rgba(7,8,11,0.9) 100%);
 }
 
-.popup .amenity .menu>#items table {
+.popup .amenity .bg .owl-carousel .owl-stage .bottom_gradient{
+    position: absolute;
+    left: 0;
+    top: 988px;
+    width: 100%;
+    height: 92px;
+    background: linear-gradient(0deg, rgba(7,8,11,0.9) 0%, rgba(7,8,11,0.5) 65%, rgba(7,8,11,0) 100%);
+}
+
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win {
+    position: absolute;
+    left: 21px;
+    top: 207px;
+    width: 1874px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    /* background: rgba(114,18,22,0.65); */
+    display: flex;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winleft {
+    width: 902px;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.65);
+    margin: 0px 10px 0px 25px;
+    color: rgb(249, 249, 249);
+    border-top: 2px solid rgba(121,121,121,1);
+    border-bottom: 2px solid rgba(121,121,121,1);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright {
+    width: 902px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.65);
+    margin: 0px 25px 0px 10px;
+    color: rgb(249, 249, 249);
+    border-top: 2px solid rgba(121,121,121,1);
+    border-bottom: 2px solid rgba(121,121,121,1);
+}
+
+
+/** Amenity category item window table */
+/* .popup .amenity .bg .am_item_sel_win .winleft>table {
     width: 100%;
     margin: 0px 10px 0 0px;
     border-collapse: collapse;
-}
+} */
 
-.popup .amenity .menu>#items>.tbl_header {
-    height: 34px;
-    max-height: 34px;
-    line-height: 32px;
-    font-size: 30px;
-    text-align: center;
-    margin: 5px 0 25px 0;
-}
-
-.popup .amenity .menu>#items>.tbl_header tbody tr {
-    width: 100%;
-}
-
-.popup .amenity .menu>#items>.tbl_header tbody tr>#type {
-    width: 70%;
-    float: left;
-}
-
-.popup .amenity .menu>#items>.tbl_header tbody tr>#quantity {
-    width: 30%;
-    float: left;
-}
-
-.popup .amenity .menu>#items>.tbl_record {
-    height: 210px;
-}
-
-.popup .amenity .menu>#items>.tbl_record tbody {
-    height: 210px;
-    display: block;
-    overflow: hidden;
-}
-
-.popup .amenity .menu>#items>.tbl_record tbody tr {
-    height: 70px;
-    max-height: 70px;
-    border: 1px solid rgb(67, 82, 105);
-}
-
-.popup .amenity .menu>#items>.tbl_record tbody tr.active {
-    border: 2px solid rgb(255, 192, 0);
-    /* background-color: rgba(67, 67, 67, 1); */
-    /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products {
-    height: 70px;
-}
-
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#index {
-    font-size: 22px;
-    line-height: 24px;
-    width: 10%;
-    float: left;
-    text-align: center;
-}
-
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#title {
-    font-size: 22px;
-    line-height: 24px;
-    width: 90%;
-    float: left;
-}
-
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#price {
-    font-size: 36px;
-    line-height: 36px;
-    width: 70%;
-    float: left;
-    text-align: right;
-    padding: 0 55px 0 0;
-}
-
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#quantity {
-    font-size: 36px;
-    line-height: 36px;
-    width: 30%;
-    float: left;
-    text-align: center;
-}
-
-.popup .amenity .menu>#summary {
-    height: 70px;
-    font-size: 38px;
-    line-height: 64px;
-    margin: 15px 22px 5px 22px;
-    border: 1px solid rgb(67, 82, 105);
-}
-
-.popup .amenity .menu>#summary>#title {
-    width: 22%;
-    float: left;
-    text-align: center;
-    /* padding: 0% 5% 0 20%; */
-}
-
-.popup .amenity .menu>#summary>#value {
-    width: 48%;
-    float: left;
-    text-align: right;
-    color: rgb(255, 192, 0);
-    padding: 0px 55px 0px 0px;
-}
-
-.popup .amenity .menu>#summary>#quantity {
-    width: 30%;
-    float: left;
-    text-align: center;
-    color: rgb(255, 192, 0);
-}
-
-.popup .amenity .menu>div#buttons {
-    height: 145px;
-    font-size: 30px;
-    text-align: center;
-    color: rgba(255, 255, 255, 1.0);
-    margin: 15px 22px 5px 22px;
-}
-
-.popup .amenity .menu>div#buttons div {
-    height: 38px;
-    border: 1px solid rgb(90, 90, 90);
-}
-
-.popup .amenity .menu>div#buttons .active {
-    border: 1px solid rgb(255, 192, 0);
-    background-color: rgba(34, 42, 53, 1.0);
-}
-
-.popup .amenity .menu>div#buttons #order {
-    width: 100%;
-    background-color: rgba(34, 42, 53, 1.0);
-    /* border-radius: 5px; */
-}
-
-.popup .amenity .menu>div#buttons #cancel {
-    width: 100%;
-    /* border-radius: 5px; */
-}
-
-.popup .amenity .menu>div#buttons #details {
-    width: 100%;
-    /* border-radius: 5px; */
-}
-
-
-/* ROOM SERVICE -> ITEM Description */
-
-.popup .amenity .description {
-    width: 802px;
-    height: 700px;
-    display: inline-block;
-    margin: 0px 0px 0px -4px;
-    color: rgb(255, 255, 255);
-    /* padding: 0; */
-    background-color: rgba(36, 44, 56, 1.0);
-}
-
-.popup .amenity .description>#title {
-    width: 100%;
-    height: 64px;
-    line-height: 38px;
-    overflow: hidden;
-    font-size: 36px;
-    padding: 10px 10px 5px 10px;
-}
-
-.popup .amenity .description>#comment {
-    width: 100%;
-    height: 89px;
-    line-height: 24px;
-    overflow: hidden;
-    font-size: 22px;
-    padding: 5px 10px 5px 15px;
-    white-space: pre-line;
-}
-
-.popup .amenity .description>#thumb {
-    width: 760px;
-    height: 460px;
-    background-repeat: no-repeat;
-    background-size: cover;
-    margin: 30px 0px 0px 21px;
-    border: 1px solid rgb(255, 255, 255);
-}
-
-
-/* ROOM SERVICE -> CART LIST */
-
-.popup .amenity>.cart-list {
-    width: 802px;
-    height: 700px;
-    display: inline-block;
-    margin: 0px 0px 0px -4px;
-    color: rgb(255, 255, 255);
-    /* padding: 0; */
-    background-color: rgba(36, 44, 56, 1.0);
-}
-
-.popup .amenity>.cart-list>#title {
-    height: 45px;
-    line-height: 36px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 10px 20px 5px 20px;
-}
-
-.popup .amenity>.cart-list>#usage {
-    height: 102px;
-    line-height: 22px;
-    font-size: 18px;
-    text-align: left;
-    margin: 5px 22px 5px 22px;
-    white-space: pre-line;
-    overflow: hidden;
-}
-
-.popup .amenity .cart-list>#items {
-    /* height: 352px; */
-    /* overflow-y: auto; */
-    /* overflow-y: hidden;
-    overflow-x: hidden; */
-    margin: 5px 22px 5px 22px;
-}
-
-.popup .amenity .cart-list>#items table {
-    width: 100%;
-    margin: 0px 10px 0 0px;
-    border-collapse: collapse;
-}
-
-.popup .amenity .cart-list>#items>.tbl_header {
+/**** Amenity Category item ::> Table Header */
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header {
+    width:100%;
     line-height: 54px;
     font-size: 30px;
     text-align: center;
-    margin: 5px 0 15px 0;
+    /* margin: 5px 0 15px 0; */
+    border-bottom: 4px solid rgba(121,121,121,1);
+    /* border-top: 2px solid rgba(121,121,121,1); */
 }
 
-.popup .amenity .cart-list>#items>.tbl_header tbody tr {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr {
     height: 54px;
     max-height: 54px;
-    background-color: rgb(51, 63, 80);
-    border: 1px solid rgb(67, 82, 105);
+    background-color: rgba(21, 27, 34, 1);
 }
 
-.popup .amenity .cart-list>#items>.tbl_header tbody tr>#type {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#title {
     width: 50%;
     float: left;
-    text-align: left;
+    /* text-align: left; */
     padding: 0 0px 0 80px;
 }
 
-.popup .amenity .cart-list>#items>.tbl_header tbody tr>#quantity {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#price {
     width: 20%;
     float: left;
 }
 
-.popup .amenity .cart-list>#items>.tbl_header tbody tr>#amount {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#status {
     width: 30%;
     float: left;
     padding: 0px 30px 0 0px;
 }
 
-.popup .amenity .cart-list>#items>.tbl_record {
+
+/**** Amenity Category item ::> Table Recored */
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record {
     /* height: 284px;*/
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
 }
 
-.popup .amenity .cart-list>#items>.tbl_record tbody {
-    height: 276px;
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody {
+    /* height: 276px;
     display: block;
-    /* overflow: hidden; */
+    overflow: hidden; */
     overflow-y: auto;
 }
 
-.popup .amenity .cart-list>#items>.tbl_record tbody tr {
-    height: 52px;
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr {
+    /* height: 52px; */
+    background-color: rgba(36, 45, 57, 1);
 }
 
-.popup .amenity .cart-list>#items>.tbl_record tbody tr.active {
-    border: 2px solid rgb(255, 192, 0);
-    /* background-color: rgba(67, 67, 67, 1); */
-    /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
 
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem {
     height: 52px;
-    width: 754px;
+    width: 100%;
     font-size: 30px;
-    line-height: 54px;
-    border: 1px solid rgb(67, 82, 105);
+    /* line-height: 54px; */
+    border-bottom: 2px solid rgb(21, 27, 34);
 }
 
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#title {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(29,36,47,1.0);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#title {
     width: 50%;
     float: left;
     padding: 0px 0px 0px 20px;
 }
 
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#quantity {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#price {
     width: 20%;
     float: left;
     text-align: center;
 }
 
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#price {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#status {
     width: 30%;
     float: left;
     text-align: right;
     padding: 0px 30px 0 0px;
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar {
     display: block;
     width: 20px;
     /* 세로축 스크롤바 길이 */
@@ -817,376 +644,153 @@
     /* 가로축 스크롤바 길이 */
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-track {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track {
     background-color: rgb(67, 82, 105);
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-track-piece {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
     background-color: rgb(80, 98, 124);
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-thumb {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-thumb {
     border-radius: 8px;
     background-color: rgb(51, 63, 80);
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:start {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:start {
     display: none;
     /* background-color: orange; */
     /* Top, Left 방향의 이동버튼 */
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:end {
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:end {
     display: none;
     /* background-color: orange; */
     /* Bottom, Right 방향의 이동버튼 */
 }
 
-.popup .amenity .cart-list>#summary {
-    height: 54px;
-    font-size: 38px;
-    line-height: 54px;
-    background-color: rgb(51, 63, 80);
-    margin: 5px 22px 5px 22px;
-    border: 1px solid rgb(67, 82, 105);
-}
-
-.popup .amenity .cart-list>#summary>#title {
-    width: 30%;
-    float: left;
-    text-align: center;
-    /* padding: 0% 5% 0 20%;*/
-}
-
-.popup .amenity .cart-list>#summary>#quantity {
-    width: 40%;
-    float: left;
-    text-align: center;
-    padding: 0 0 0 142px;
-    color: rgb(255, 192, 0);
-}
-
-.popup .amenity .cart-list>#summary>#amount {
-    width: 30%;
-    float: left;
-    text-align: right;
-    color: rgb(255, 192, 0);
-    padding: 0px 30px 0px 0px;
-}
-
-.popup .amenity .cart-list>#notice {
-    font-size: 22px;
-    line-height: 24px;
-    margin: 10px 22px 5px 22px;
-    text-align: center;
-}
-
-.popup .amenity .cart-list>div#buttons {
-    font-size: 38px;
-    text-align: center;
-    color: rgba(255, 255, 255, 1.0);
-    margin: 15px 22px 5px 22px;
-}
-
-.popup .amenity .cart-list>div#buttons>div {
-    height: 38px;
-    float: left;
-    width: 50%;
-}
-
-.popup .amenity .cart-list>div#buttons>div div {
-    height: 48px;
-    border: 1px solid rgb(184, 184, 184);
-    margin: 0px 25% 0px 25%;
-    background-color: rgb(51, 63, 80);
-}
-
-.popup .amenity .cart-list>div#buttons .active {
-    border: 1px solid rgb(255, 192, 0);
-    background-color: rgba(34, 42, 53, 1.0);
-}
-
-.popup .amenity .cart-list>div#buttons #confirm {
-    width: 50%;
-}
-
-.popup .amenity .cart-list>div#buttons #cancel {
-    width: 50%;
-}
 
 
-/* ROOM SERVICE -> ORDER Details */
 
-.popup .amenity .order-details {
+
+
+
+
+/** Amenity slider style */
+.popup .amenity .slider {
     position: absolute;
+    top: 60px;
+    left: 0px;
+    width: 1920px;
+    /* height: 300px; */
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme {
+    max-height: 266px;
+    height: 100px;
+    padding-left: 0;
+    /* margin: 5px 0 0 0; */
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 0;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer .owl-stage {
+    height: 100%;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer .owl-stage .owl-item{
+    height: 100%;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer #am_item_title{
+    position: absolute;
+    /* top: 190px; */
+    top: 22px;
     width: 100%;
     height: 100%;
-    background-color: rgb(36, 44, 56);
-    /* display: block; */
-    display: inline-block;
-    color: rgb(255, 255, 255);
-}
-
-.popup .amenity .order-details>#title {
-    /* width: 466px; */
-    height: 45px;
-    line-height: 36px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 10px 20px 5px 30px;
-}
-
-.popup .amenity .order-details>#usage {
-    height: 80px;
-    line-height: 22px;
-    font-size: 18px;
-    text-align: left;
-    margin: 5px 22px 5px 30px;
-    /* border-bottom: 1px solid rgb(67, 82, 105); */
-    white-space: pre-line;
-    overflow: hidden;
-}
-
-.popup .amenity .order-details>#orders {
-    height: 470px;
-    overflow-y: hidden;
-    overflow-x: hidden;
-    margin: 5px 30px 5px 30px;
-}
-
-.popup .amenity .order-details>#orders>table {
-    border-collapse: collapse;
-}
-
-.popup .amenity .order-details>#orders>.order_list {
-    width: 100%;
-    height: 485px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody {
-    height: 210px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr {
-    height: 70px;
-    max-height: 70px;
-    border: 1px solid rgb(67, 82, 105);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr.active {
-    border: 2px solid rgb(255, 192, 0);
-    /* background-color: rgba(67, 67, 67, 1); */
-    /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering {
-    height: 44px;
-    max-height: 44px;
-    background-color: rgb(51, 63, 80);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>div {
-    padding: 0px 0px 5px 0px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>#index {
-    font-size: 30px;
-    line-height: 32px;
-    width: 5%;
-    float: left;
-    text-align: center;
-    border-bottom: 1px solid;
-    margin: 5px 0px 0px 2%;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>#date {
-    font-size: 30px;
-    line-height: 32px;
-    width: 37%;
-    float: left;
-    border-bottom: 1px solid;
-    margin: 5px 0px 0px 0;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>#orderId {
-    font-size: 28px;
-    line-height: 32px;
-    width: 53%;
-    float: left;
-    /* text-align: right; */
-    margin: 5px 2% 0px 0%;
-}
-
-
-/* */
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst {
-    width: 100%;
-    float: left;
-    background-color: rgb(51, 63, 80);
-    margin: 0px 0px 5px 0px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header {
-    width: 100%;
-    font-size: 36px;
-    line-height: 36px;
-    border-collapse: collapse;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header>tbody {
-    /* */
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header tr {
-    font-size: 30px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #type {
-    width: 40%;
-    font-size: 25px;
-    text-align: left;
-    padding: 0px 0px 0px 90px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #quantity {
-    width: 10%;
-    font-size: 25px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #amount {
-    width: 20%;
-    font-size: 25px;
-    text-align: right;
-    padding: 0px 30px 0px 0px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal1 {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal2 {
-    color: rgb(255, 192, 0);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal3 {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal4 {
-    color: rgb(255, 192, 0);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal5 {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record {
-    width: 100%;
-    font-size: 36px;
-    line-height: 36px;
-    border-collapse: collapse;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record>tbody {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div {
-    float: left;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#name {
-    width: 40%;
-    text-align: left;
-    padding: 0px 0px 0px 90px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#quantity {
-    width: 10%;
-    text-align: center;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#amount {
-    width: 20%;
-    text-align: right;
-    padding: 0px 20px 0px 0px;
-}
-
-.popup .amenity .order-details>#summary {
-    height: 54px;
-    line-height: 50px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 15px 20px 5px 30px;
-    background-color: rgb(51, 63, 80);
-}
-
-.popup .amenity .order-details>#summary>div {
-    float: left;
-}
-
-.popup .amenity .order-details>#summary>#title {
-    width: 40%;
-    padding: 0px 0px 0px 90px;
-    text-align: left;
-}
-
-.popup .amenity .order-details>#summary>#quantity {
-    width: 10%;
-    text-align: center;
-    color: rgb(255, 192, 0);
-}
-
-.popup .amenity .order-details>#summary>#amount {
-    width: 20%;
-    text-align: right;
-    padding: 0px 20px 0px 0px;
-    color: rgb(255, 192, 0);
-}
-
-
-/* ROOM SERVICE -> ALRET */
-
-.popup .amenity .alert {
-    position: absolute;
-    top: 197px;
-    left: 340px;
-    width: 600px;
-    height: 325px;
-    color: rgb(255, 255, 255);
-}
-
-.popup .amenity .alert>div#order-complete {
-    width: 100%;
-    height: 100%;
-    background-color: rgb(36, 44, 56);
-    border: 1px solid rgb(255, 255, 255);
-}
-
-.popup .amenity .alert>div#order-complete>div#title {
-    float: left;
-    width: 100%;
-    height: 54px;
-    background-color: rgb(51, 63, 80);
-    margin: 42px 0px 0 0px;
-    font-size: 38px;
+    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;
 }
 
-.popup .amenity .alert>div#order-complete>div#message {
-    width: 95%;
-    float: left;
-    margin: 40px 20px 5px 20px;
-    font-size: 22px;
-    line-height: 24px;
-    text-align: center;
-    white-space: pre-wrap;
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer #ctgy_item_btn{
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: block
 }
 
 
+
+/*** OWL Amenity Menu Selector dot Container */
+.popup .amenity .slider .owl-dots {
+    position: absolute;
+    top: -45px;
+    width: 100%;
+    align-content: center;
+    display: none;
+}
+
+.popup .amenity .slider .owl-theme .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+    background: none;
+}
+
+.popup .amenity .slider .owl-theme .owl-dots .owl-dot.active span {
+    /* background: rgb(181, 218, 16); */
+    background: rgb(245, 245, 245);
+}
+
+.popup .amenity .slider .owl-carousel .owl-item.active.focus:after {
+    width: 336px;
+}
+
+.popup .amenity .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+    width: 264px;
+}
+
+.popup .amenity .slider .owl-carousel .owl-item.active.focus div [id*="ctgy_item_btn"] {
+    background-image: var(--icon_focus);
+}
+
+.popup .amenity .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctgy_item_btn"] {
+    background-image: var(--icon_unfocus);
+}
+
+/* .popup .amenity .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
+    transform: scale(1.1);
+} */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 /***********************
  * Room Service Style  *
  ***********************/