diff --git a/procentric/application/app_hoteltv_full.html b/procentric/application/app_hoteltv_full.html
index bb04175..1e5525d 100755
--- a/procentric/application/app_hoteltv_full.html
+++ b/procentric/application/app_hoteltv_full.html
@@ -3,28 +3,12 @@
 
 <head>
     <meta charset="utf-8">
-    <link rel="stylesheet" href="hoteltv.ui_utils.css">
-    <link rel="stylesheet" href="hoteltv.error.css">
-    <link rel="stylesheet" href="hoteltv.app.full.css">
-    <link rel="stylesheet" href="hoteltv.app.full.mm.css">
-    <link rel="stylesheet" href="hoteltv.app.full.mm.weather.css">
-    <link rel="stylesheet" href="hoteltv.app.full.mm.flight.css">
-    <link rel="stylesheet" href="hoteltv.app.full.widjet.css">
-    <link rel="stylesheet" href="hoteltv.app.full.sm.css">
-    <link rel="stylesheet" href="hoteltv.app.full.mypage.css">
-    <link rel="stylesheet" href="hoteltv.app.full.ctzgen.css">
-    <link rel="stylesheet" href="hoteltv.app.full.tv.css">
-    <link rel="stylesheet" href="hoteltv.app.full.guide.css">
-    <link rel="stylesheet" href="hoteltv.app.full.news.css">
-    <link rel="stylesheet" href="hoteltv.app.full.popup.css">
-
-    <link rel="stylesheet" href="./css/owlcarousel/owl.carousel.min.css">
-    <link rel="stylesheet" href="./css/owlcarousel/owl.theme.default.min.css">
-
-    <link rel="stylesheet" href="./css/acmeticker/style.css">
-
-
-    <link rel="stylesheet" href="./css/lightslider.css">
+    <link rel="stylesheet" href="/procentric/application/theme/hoteltv.ui_utils.css">
+    <link rel="stylesheet" href="/procentric/application/theme/hoteltv.error.css">
+    <link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.carousel.min.css">
+    <link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.theme.default.min.css">
+    <link rel="stylesheet" href="/procentric/application/css/acmeticker/style.css">
+    <link rel="stylesheet" href="/procentric/application/css/lightslider.css">
     <title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
 </head>
 
@@ -429,28 +413,28 @@
 
 
 <!-- Standard & 3rd party Library -->
-<script src="./lib/jquery-3.6.0.min.js"></script>
-<script src="./lib/jquery.color-2.1.2.min.js"></script>
-<script src="./lib/jquery.webticker.min.js"></script>
-<script src="./lib/xml2json.js"></script>
-<script src="./lib/owl.carousel.js"></script>
-<script src="./lib/lightslider.js"></script>
+<script src="/procentric/application/lib/jquery-3.6.0.min.js"></script>
+<script src="/procentric/application/lib/jquery.color-2.1.2.min.js"></script>
+<script src="/procentric/application/lib/jquery.webticker.min.js"></script>
+<script src="/procentric/application/lib/xml2json.js"></script>
+<script src="/procentric/application/lib/owl.carousel.js"></script>
+<script src="/procentric/application/lib/lightslider.js"></script>
 
 <!-- LG HCAP Library -->
-<script src="./lib/hcap.js"></script>
+<script src="/procentric/application/lib/hcap.js"></script>
 
 <!-- CENTIRM HOTELTV Library -->
-<script src="./lib/hoteltv.js"></script>
-<script src="./lib/hoteltv.ui_utils.js"></script>
-<script src="./lib/hoteltv.ui_appfull.js"></script>
-<script src="./lib/hoteltv.hcap.js"></script>
-<script src="./lib/hoteltv.api.js"></script>
+<script src="/procentric/application/lib/hoteltv.js"></script>
+<script src="/procentric/application/lib/hoteltv.ui_utils.js"></script>
+<script src="/procentric/application/lib/hoteltv.ui_appfull.js"></script>
+<script src="/procentric/application/lib/hoteltv.hcap.js"></script>
+<script src="/procentric/application/lib/hoteltv.api.js"></script>
 
 <!-- MQTT Library -->
-<script src="./lib/mqtt.min.js"></script>
+<script src="/procentric/application/lib/mqtt.min.js"></script>
 
 <!-- ACMETICKER Library -->
-<script src="./lib/acmeticker.js"></script>
+<script src="/procentric/application/lib/acmeticker.js"></script>
 
 
 <script>
@@ -459,6 +443,24 @@
     });
 
     window.addEventListener('load', function() {
+        HotelTV.state = JSON.parse(sessionStorage.getItem("state"));
+        let needed_css_files = ["/hoteltv.app.full.css",
+                                "/hoteltv.app.full.mm.css",
+                                "/hoteltv.app.full.mm.weather.css",
+                                "/hoteltv.app.full.mm.flight.css",
+                                "/hoteltv.app.full.widjet.css",
+                                "/hoteltv.app.full.sm.css",
+                                "/hoteltv.app.full.mypage.css",
+                                "/hoteltv.app.full.ctzgen.css",
+                                "/hoteltv.app.full.tv.css",
+                                "/hoteltv.app.full.guide.css",
+                                "/hoteltv.app.full.news.css",
+                                "/hoteltv.app.full.popup.css"];
+        for ( let _idx=0; _idx<needed_css_files.length; _idx++ )
+        {
+            $('head:first').append('<link rel="stylesheet" type="text/css" href="/procentric/application/theme/'
+                + HotelTV.state['theme_root'] + needed_css_files[_idx] + '" />');
+        }
         console.log("Documents loaded...")
     });
 
@@ -492,7 +494,8 @@
                     //console.log(`KEY::${e.keyCode}`);
                     break;
             }
-        });
+        }
+    );
 
     $(document).ready(function() {
         HotelTV.LoadAppFull();
diff --git a/procentric/application/index.html b/procentric/application/index.html
index f795f74..b84637d 100755
--- a/procentric/application/index.html
+++ b/procentric/application/index.html
@@ -5,7 +5,6 @@
     <meta charset="utf-8">
     <link rel="stylesheet" href="hoteltv.ui_utils.css">
     <link rel="stylesheet" href="hoteltv.error.css">
-    <link rel="stylesheet" href="hoteltv.welcome.css">
     <title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
 </head>
 
diff --git a/procentric/application/lib/hoteltv.js b/procentric/application/lib/hoteltv.js
index a666be0..54bc2f3 100755
--- a/procentric/application/lib/hoteltv.js
+++ b/procentric/application/lib/hoteltv.js
@@ -65,6 +65,7 @@ var HotelTV = HotelTV || {
             'weather_reflash': false,
             'widget_reflash': false
         },
+        'theme_root': null,
         'token': null
     },
     'carts': {
@@ -317,6 +318,12 @@ HotelTV.Init = async function() {
                     }
                 });
         }
+        // state[theme_root] 정의
+        // For Reference:
+        //      조선 : HJS00001
+        //      인스파이어 : HIN00001
+        //      임페리얼 : HIM00001
+        HotelTV.state['theme_root'] = HotelTV.hotelinfo.siteCode;
 
         try {
             HotelTV.guestinfo = await HotelTV.api.GetGuestInfo();
@@ -484,7 +491,7 @@ HotelTV.LoadWelCome = async function() {
 
     HotelTV.devinfo = await JSON.parse(sessionStorage.getItem("devinfo"));
     HotelTV.svrinfo = await JSON.parse(sessionStorage.getItem("svrinfo"));
-    HotelTV.state = await JSON.parse(sessionStorage.getItem("state"));
+    //HotelTV.state = await JSON.parse(sessionStorage.getItem("state"));
     //STEP#03:API Module INIT
     await HotelTV.api.Init(HotelTV.svrinfo.ipaddr, HotelTV.svrinfo.port, HotelTV.devinfo.model_name.substring(2, HotelTV.devinfo.model_name.length - 1), HotelTV.devinfo.serial_number);
     HotelTV.settings = await JSON.parse(sessionStorage.getItem("settings"));
@@ -618,7 +625,7 @@ HotelTV.LoadAppFull = async function() {
     HotelTV.devinfo = await JSON.parse(sessionStorage.getItem("devinfo"));
     HotelTV.svrinfo = await JSON.parse(sessionStorage.getItem("svrinfo"));
     HotelTV.services = await JSON.parse(sessionStorage.getItem("services"));
-    HotelTV.state = await JSON.parse(sessionStorage.getItem("state"));
+    //HotelTV.state = await JSON.parse(sessionStorage.getItem("state"));
 
     //STEP#02: Init HotelTV API
     await HotelTV.api.Init(HotelTV.svrinfo.ipaddr, HotelTV.svrinfo.port, HotelTV.devinfo.model_name.substring(2, HotelTV.devinfo.model_name.length - 1), HotelTV.devinfo.serial_number);
diff --git a/procentric/application/lib/hoteltv.ui_welcome.js b/procentric/application/lib/hoteltv.ui_welcome.js
index d9db1fd..baa4534 100755
--- a/procentric/application/lib/hoteltv.ui_welcome.js
+++ b/procentric/application/lib/hoteltv.ui_welcome.js
@@ -191,7 +191,7 @@ HotelTV.ui_welcome = (function() {
         }
 
         if (sz_msg[_state.lang] != null) {
-            _elmnt_welcomemsg.html(sz_msg[_state.lang] + '<br />');
+            _elmnt_welcomemsg.html(sz_msg[_state.lang].replace(/(?:\r\n|\r|\n)/g, '<br>'));
         } else {
             _elmnt_welcomemsg.html('<br />');
         }
@@ -222,7 +222,7 @@ HotelTV.ui_welcome = (function() {
             _div_lang_btn.id = 'wc_eit_langsel_' + __lang;
             _div_lang_btn.textContent = _SupportedLang[__lang].name;
             _div_lang_btn.setAttribute("lang", __lang);
-            _sz_styleOpt = "--btn_focus:url(./images/bt_language_tab_focus.png); --btn_unfocus:url(./images/bt_language_tab_unfocus.png);";
+            _sz_styleOpt = "--btn_focus:url(images/bt_language_tab_focus.png); --btn_unfocus:url(images/bt_language_tab_unfocus.png);";
             _div_lang_btn.setAttribute("style", _sz_styleOpt);
             _div_langsel.appendChild(_div_lang_btn);
         }
diff --git a/procentric/application/hoteltv.app.full.css b/procentric/application/theme/HIM00001/hoteltv.app.full.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.css
rename to procentric/application/theme/HIM00001/hoteltv.app.full.css
diff --git a/procentric/application/theme/HIM00001/hoteltv.app.full.ctzgen.css b/procentric/application/theme/HIM00001/hoteltv.app.full.ctzgen.css
new file mode 100755
index 0000000..ddcc319
--- /dev/null
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.ctzgen.css
@@ -0,0 +1,291 @@
+.main .ctzgen {
+    position: absolute;
+    top: 2160px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-image: url(tv:);
+    display: none;
+}
+
+.main .ctzgen .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .ctzgen .bg .owl-dots {
+    position: absolute;
+    top: 980px;
+    width: 100%;
+    align-content: center;
+}
+
+
+/* .main .ctzgen .bg .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+} */
+
+.main .ctzgen .bg div#lst_ctzgenbg {
+    position: absolute;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: var(--bg_noplay);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: url(tv:);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay .item .ctz_desc_frame {
+    opacity: 1;
+    animation-delay: 6s;
+    animation-name: fadeOutCtzDescFrame;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes fadeOutCtzDescFrame {
+    0% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+
+/* OWL Contents Menu Selector Container */
+
+.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .ctzgen .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctzgen_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame {
+    position: absolute;
+    top: 130px;
+    left: 1280px;
+    width: 620px;
+    height: 830px;
+    color: rgb(255, 255, 255);
+    background-color: rgba(50,40,26, 0.7);
+    padding: 0px 12px 0px 12px;
+    overflow: hidden;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_title {
+    position: absolute;
+    display: flex;
+    font-size: 44px;
+    /* line-height: 44px; */
+    line-height: 1;
+    height: 115px;
+    width: 100%;
+    padding: 10px;
+    white-space: pre-wrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    /* justify-content: center; */
+    align-items: center;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail {
+    margin: 120px 10px 40px 10px;
+    height: 220px;
+    /* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
+    /*    border: 4px solid rgb(255, 255, 255); */
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail img {
+    width: auto;
+    height: 212px;
+    overflow: hidden;
+    /* border: 2px solid rgb(40, 40, 40); */
+    border: 2px solid rgb(160, 160, 160);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_description {
+    position: absolute;
+    font-size: 26px;
+    width: 93%;
+    line-height: 1.2;
+    margin: 0 10px 0 10px;
+}
+
+
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_imgvwr_frame {
+    position: absolute;
+    top: 130px;
+    width: 1920px;
+    height: 830px;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 0px 12px 0px 12px;
+    overflow: hidden;
+}
+
+
+
+
+
+
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl {
+    position: absolute;
+    top: 970px;
+    left: 1700px;
+    height: 54px;
+    line-height: 54px;
+    color: rgb(235, 235, 235);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    white-space: nowrap;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
+    animation-delay: 4s;
+    animation-name: moveCtzMvCtrl;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes moveCtzMvCtrl {
+    from {
+        left: 1700px;
+    }
+    to {
+        left: 2220px
+    }
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
+    position: absolute;
+    content: '';
+    width: 128px;
+    height: 54px;
+    margin-left: -140px;
+    background-image: url("./images/icons/icon_btn_media_play.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
+    animation-name: iconCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes iconCtzMvCtrlBtn {
+    0% {
+        transform: rotateX(0deg);
+    }
+    50% {
+        transform: rotateX(90deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+    100% {
+        transform: rotateX(0deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
+    content: var(--playmsg);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
+    animation-delay: 1s;
+    animation-name: msgCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes msgCtzMvCtrlBtn {
+    0% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0;
+        content: var(--stopmsg);
+    }
+    50% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+    100% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+}
+
+.image-slider {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 480px;
+    height: 272px;
+}
+
+.main #imageGallery {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 480px;
+    height: 272px;
+    padding: 0px;
+    overflow: hidden;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HIM00001/hoteltv.app.full.guide.css b/procentric/application/theme/HIM00001/hoteltv.app.full.guide.css
new file mode 100755
index 0000000..6f5d4ed
--- /dev/null
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.guide.css
@@ -0,0 +1,26 @@
+/* Brocure */
+
+.guide {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+    z-index: 2;
+    display: block;
+}
+
+.guide>.tips {
+    position: absolute;
+    top: 1034px;
+    left: 0px;
+    width: 1920px;
+    height: 40px;
+    font-size: 32px;
+    text-align: center;
+    line-height: 40px;
+    background-color: rgba(50,40,26, 0.7);
+    color: rgb(255, 255, 255);
+}
\ No newline at end of file
diff --git a/procentric/application/hoteltv.app.full.mm.css b/procentric/application/theme/HIM00001/hoteltv.app.full.mm.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.mm.css
rename to procentric/application/theme/HIM00001/hoteltv.app.full.mm.css
diff --git a/procentric/application/hoteltv.app.full.mm.flight.css b/procentric/application/theme/HIM00001/hoteltv.app.full.mm.flight.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.mm.flight.css
rename to procentric/application/theme/HIM00001/hoteltv.app.full.mm.flight.css
diff --git a/procentric/application/hoteltv.app.full.mm.weather.css b/procentric/application/theme/HIM00001/hoteltv.app.full.mm.weather.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.mm.weather.css
rename to procentric/application/theme/HIM00001/hoteltv.app.full.mm.weather.css
diff --git a/procentric/application/hoteltv.app.full.mypage.css b/procentric/application/theme/HIM00001/hoteltv.app.full.mypage.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.mypage.css
rename to procentric/application/theme/HIM00001/hoteltv.app.full.mypage.css
diff --git a/procentric/application/theme/HIM00001/hoteltv.app.full.news.css b/procentric/application/theme/HIM00001/hoteltv.app.full.news.css
new file mode 100755
index 0000000..4ff4d26
--- /dev/null
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.news.css
@@ -0,0 +1,43 @@
+/* 뉴스 */
+
+.news {
+    position: absolute;
+    top: 1044px;
+    left: 0;
+    width: 100%;
+    height: 36px;
+    background-color: rgba(77, 40, 21, 0.7);
+    filter: drop-shadow(0 -10px 5px rgba(0, 0, 0, 0.5));
+    display: none;
+    z-index: 1;
+}
+
+.news>.title {
+    position: absolute;
+    width: 160px;
+    color: rgb(235, 235, 235);
+    font-size: 32px;
+    line-height: 32px;
+    text-align: center;
+    border: solid rgba(0, 0, 0, 0.5);
+    margin: 0 20px 0 20px;
+    background-color: rgba(128, 128, 128, 0.3);
+}
+
+.news>.newsctz {
+    padding: 0;
+    margin: 8px 0 0 200px;
+    color: rgb(165, 175, 185);
+}
+
+.news>.newsctz #hoteltv-news-ticker li {
+    font-size: 26px;
+    line-height: 24px;
+}
+
+.news>.newsctz #hoteltv-news-ticker li img {
+    height: 34px;
+    vertical-align: top;
+    /* padding: 3px 10px 10px 0; */
+    object-fit: cover;
+}
\ No newline at end of file
diff --git a/procentric/application/hoteltv.app.full.popup.css b/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.popup.css
rename to procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
diff --git a/procentric/application/theme/HIM00001/hoteltv.app.full.sm.css b/procentric/application/theme/HIM00001/hoteltv.app.full.sm.css
new file mode 100755
index 0000000..ef7c248
--- /dev/null
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.sm.css
@@ -0,0 +1,174 @@
+.main .sub {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .sub .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .sub .bg div#lst_smbg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .sub .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .sub .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#sm_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#sm_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="sm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .sub .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .sub .slider .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+}
+
+.main .sub .slider .owl-dots .owl-dot.active span {
+    background: rgb(255, 192, 0);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame {
+    position: absolute;
+    top: 130px;
+    left: 1550px;
+    width: 360px;
+    height: 734px;
+    line-height: 50px;
+    background-color: rgba(50,40,26, 0.7);
+    overflow: hidden;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_item {
+    width: 320px;
+    height: 180px;
+    float: left;
+    margin: 10px 20px 10px 20px;
+    /* filter: drop-shadow(0 0 10px rgba(235, 235, 235, 0.9));
+    border-radius: 6px; */
+    text-align: center;
+    line-height: 50px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(160, 160, 160);
+    display: inline;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_title {
+    font-size: 30px;
+    margin-left: 20px;
+    color: rgb(235, 235, 235);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_morenotice {
+    font-size: 22px;
+    margin: 20px 5px 10px 20px;
+    line-height: 25px;
+    overflow-wrap: break-word;
+    color: rgb(181, 218, 16);
+    animation: bg_ctz_thumb_morenotice_blinker 2s linear infinite;
+}
+
+@keyframes bg_ctz_thumb_morenotice_blinker {
+    50% {
+        color: rgb(235, 235, 235);
+    }
+}
\ No newline at end of file
diff --git a/procentric/application/hoteltv.app.full.tv.css b/procentric/application/theme/HIM00001/hoteltv.app.full.tv.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.tv.css
rename to procentric/application/theme/HIM00001/hoteltv.app.full.tv.css
diff --git a/procentric/application/theme/HIM00001/hoteltv.app.full.widjet.css b/procentric/application/theme/HIM00001/hoteltv.app.full.widjet.css
new file mode 100755
index 0000000..40a1bc5
--- /dev/null
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.widjet.css
@@ -0,0 +1,144 @@
+/* STEP[#003]: Define WIDGET FRAMES */
+
+.widjet {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+    text-shadow: 0 0 10px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
+    z-index: 2;
+}
+
+.widjet .top {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100px;
+    /* background-color: rgba(0, 0, 0, 0.5); */
+    /* filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 1)); */
+    padding: 0px;
+    display: none;
+}
+
+
+/* SETP[#003-1]: Hotel Logo */
+
+.widjet .top .hotellogo {
+    position: absolute;
+    width: 300px;
+    height: 80px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: left center;
+    margin: 10px 0 4px 20px;
+    display: block;
+}
+
+
+/* SETP[#003-2]: Message */
+
+.widjet .top .message {
+    position: absolute;
+    top: -11px;
+    left: 1618px;
+    height: 100px;
+    /* float: left; */
+    display: block;
+    padding: 24px 10px 10px 10px;
+}
+
+.widjet .top .message #unread_cnt {
+    /* position: relative; */
+    width: 66px;
+    height: 100%;
+    float: left;
+    background-image: url(images/icons/icon_widjet_top_message_cnt.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    padding: 4px 0px 0px 0px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+    line-height: 52px;
+    text-align: center;
+}
+
+
+/* SETP[#003-3]: Weather */
+
+.widjet .top .weather {
+    position: absolute;
+    top: -11px;
+    left: 1370px;
+    height: 100px;
+    float: left;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: block;
+    margin: 7px 0px 0px 0px;
+}
+
+.widjet .top .weather #icon {
+    position: relative;
+    /* top: -10px; */
+    left: 16px;
+    width: 100px;
+    height: 100%;
+    float: left;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 0.5));
+}
+
+.widjet .top .weather #temp {
+    position: relative;
+    left: 14px;
+    float: left;
+    font-size: 60px;
+    line-height: 100px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+}
+
+
+/* SETP[#003-4]: Date&Time */
+
+.widjet .top .datetime {
+    position: absolute;
+    left: 1630px;
+    width: 270px;
+    height: 60px;
+    margin: 10px 30px 10px 0;
+    color: rgb(235, 235, 235);
+}
+
+.widjet .top .datetime p {
+    margin: 0;
+    padding: 0;
+}
+
+.widjet .top .datetime .time {
+    font-size: 52px;
+    line-height: 52px;
+    padding: 5px 0;
+    text-align: right;
+    /* -webkit-text-stroke: 1px rgb(64,64,64); */
+}
+
+.widjet .top .datetime .date {
+    letter-spacing: 0.1em;
+    font-size: 24px;
+    line-height: 24px;
+    text-align: right;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HIM00001/hoteltv.welcome.css b/procentric/application/theme/HIM00001/hoteltv.welcome.css
new file mode 100755
index 0000000..5b7f73e
--- /dev/null
+++ b/procentric/application/theme/HIM00001/hoteltv.welcome.css
@@ -0,0 +1,192 @@
+body {
+    overflow: hidden;
+}
+
+.welcome {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    display: none;
+    z-index: 1;
+}
+
+.startup {
+    top: 0px;
+    left: 0px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    /* background-image: url(./images/hoteltv_service_preparing.png); */
+    background-image: url(./images/hoteltv_service_preparing_joson.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+
+.welcome .frame {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 1);
+    background-image: none;
+    background-size: cover;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+.welcome .frame .msgwin {
+    position: absolute;
+    top: 98px;
+    left: 519px;
+    width: 884px;
+    height: 648px;
+    padding: 0px;
+    /* background-image: url(./images/bg_language_welcome_box.png);
+    background-size: cover; */
+    background-repeat: no-repeat;
+    background: linear-gradient(rgba(50,40,26,0.7),rgba(50,46,26,0.85));
+    border-radius: 11px;
+    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
+}
+
+.welcome .frame .msgwin #hotellogo {
+    position: absolute;
+    top: 108px;
+    left: 135px;
+    width: 634px;
+    height: 270px;
+    padding: 0px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    /* background-position: center; */
+    background-position: top;
+}
+
+.welcome .frame .msgwin #guestname {
+    position: absolute;
+    top: 424px;
+    left: 0px;
+    width: 804px;
+    height: 65px;
+    padding: 0px 0px 5px 0px;
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    border-bottom: solid rgb(192,192,192) 3px;
+    font-size: 65px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 65px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .msgwin #welcomemsg {
+    position: absolute;
+    top: 516px;
+    left: 0px;
+    width: 804px;
+    height: 44px;
+    /* padding: 0px; */
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    font-size: 33px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 33px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .guide#langsel {
+    position: absolute;
+    top: 1037px;
+    left: 0px;
+    width: 1920px;
+    height: 54px;
+    background-color: rgba(0, 0, 0, 0.8);
+    display: inline-block;
+    color: rgba(200, 200, 200, 1);
+    font-size: 32px;
+    line-height: 43px;
+    text-align: center;
+    border-top: solid rgb(128, 128, 128);
+}
+
+.welcome #lst_langsel {
+    position: absolute;
+    top: 962px;
+    left: 0;
+    height: 76px;
+    line-height: 76px;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    display: none;
+}
+
+.welcome #lst_langsel .item {
+    color: rgba(200, 200, 200, 1);
+    font-size: 44px;
+    text-align: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.welcome #lst_langsel .owl-item.active.center div {
+    background-image: var(--btn_focus);
+}
+
+.welcome #lst_langsel .owl-item.active div {
+    background-image: var(--btn_unfocus);
+}
+
+.control .skip_video {
+    z-index: 10000;
+    position: absolute;
+    z-index: 10000;
+    top: 927px;
+    left: 1579px;
+    width: 246px;
+    height: 68px;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 0.0);
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+#debugwin {
+    z-index: 10000;
+    position: absolute;
+    top: 11px;
+    bottom: 22px;
+    right: 11px;
+    font-size: 12px;
+    background-color: rgba(18, 18, 18, 0.3);
+    text-align: left;
+    color: rgb(235, 235, 235);
+    line-height: 24px;
+    padding-left: 5px;
+    padding-top: 5px;
+    display: inline-flex;
+    max-width: 500px;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    display: none;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HIM00001/images/1280x720-01.jpg b/procentric/application/theme/HIM00001/images/1280x720-01.jpg
new file mode 100755
index 0000000..90e317e
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1280x720-01.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/1280x720-02.jpg b/procentric/application/theme/HIM00001/images/1280x720-02.jpg
new file mode 100755
index 0000000..6163452
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1280x720-02.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/1280x720-03.jpg b/procentric/application/theme/HIM00001/images/1280x720-03.jpg
new file mode 100755
index 0000000..ded8064
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1280x720-03.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/1280x720-04.jpg b/procentric/application/theme/HIM00001/images/1280x720-04.jpg
new file mode 100755
index 0000000..f45d821
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1280x720-04.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/1280x720-05.jpg b/procentric/application/theme/HIM00001/images/1280x720-05.jpg
new file mode 100755
index 0000000..5577885
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1280x720-05.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/1280x720-06.jpg b/procentric/application/theme/HIM00001/images/1280x720-06.jpg
new file mode 100755
index 0000000..ec94797
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1280x720-06.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/1920x1080-01.jpg b/procentric/application/theme/HIM00001/images/1920x1080-01.jpg
new file mode 100755
index 0000000..d4422ab
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1920x1080-01.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/1920x1080-02.jpg b/procentric/application/theme/HIM00001/images/1920x1080-02.jpg
new file mode 100755
index 0000000..8bfa417
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1920x1080-02.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/1920x1080-03.jpg b/procentric/application/theme/HIM00001/images/1920x1080-03.jpg
new file mode 100755
index 0000000..5c33ca9
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1920x1080-03.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/1920x1080-04.jpg b/procentric/application/theme/HIM00001/images/1920x1080-04.jpg
new file mode 100755
index 0000000..13c8114
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1920x1080-04.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/1920x1080-06.jpg b/procentric/application/theme/HIM00001/images/1920x1080-06.jpg
new file mode 100755
index 0000000..76a1679
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/1920x1080-06.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/Altmetric_rgb.png b/procentric/application/theme/HIM00001/images/Altmetric_rgb.png
new file mode 100755
index 0000000..27645d4
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/Altmetric_rgb.png differ
diff --git a/procentric/application/theme/HIM00001/images/ani-busy-type01.gif b/procentric/application/theme/HIM00001/images/ani-busy-type01.gif
new file mode 100755
index 0000000..d79dfe4
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/ani-busy-type01.gif differ
diff --git a/procentric/application/theme/HIM00001/images/ani-busy-type02.gif b/procentric/application/theme/HIM00001/images/ani-busy-type02.gif
new file mode 100755
index 0000000..a61f6a1
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/ani-busy-type02.gif differ
diff --git a/procentric/application/theme/HIM00001/images/ani-busy-type03.gif b/procentric/application/theme/HIM00001/images/ani-busy-type03.gif
new file mode 100755
index 0000000..c562b9f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/ani-busy-type03.gif differ
diff --git a/procentric/application/theme/HIM00001/images/bg_language_welcome_box.png b/procentric/application/theme/HIM00001/images/bg_language_welcome_box.png
new file mode 100755
index 0000000..6917a56
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bg_language_welcome_box.png differ
diff --git a/procentric/application/theme/HIM00001/images/bg_message_cream-paper.png b/procentric/application/theme/HIM00001/images/bg_message_cream-paper.png
new file mode 100755
index 0000000..9c6b2d1
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bg_message_cream-paper.png differ
diff --git a/procentric/application/theme/HIM00001/images/bg_message_detail.png b/procentric/application/theme/HIM00001/images/bg_message_detail.png
new file mode 100755
index 0000000..57bb59d
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bg_message_detail.png differ
diff --git a/procentric/application/theme/HIM00001/images/bg_tv_category.png b/procentric/application/theme/HIM00001/images/bg_tv_category.png
new file mode 100755
index 0000000..0d9a6ef
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bg_tv_category.png differ
diff --git a/procentric/application/theme/HIM00001/images/bg_weather_default.jpg b/procentric/application/theme/HIM00001/images/bg_weather_default.jpg
new file mode 100755
index 0000000..5b1e26f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bg_weather_default.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/bt_language_tab_focus.png b/procentric/application/theme/HIM00001/images/bt_language_tab_focus.png
new file mode 100755
index 0000000..3438451
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bt_language_tab_focus.png differ
diff --git a/procentric/application/theme/HIM00001/images/bt_language_tab_focus.png.orig b/procentric/application/theme/HIM00001/images/bt_language_tab_focus.png.orig
new file mode 100755
index 0000000..f123e5b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bt_language_tab_focus.png.orig differ
diff --git a/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.png b/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.png
new file mode 100755
index 0000000..403d15f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.png differ
diff --git a/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.png.orig b/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.png.orig
new file mode 100755
index 0000000..88c9475
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.png.orig differ
diff --git a/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.xcf b/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.xcf
new file mode 100755
index 0000000..21d4547
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bt_language_tab_unfocus.xcf differ
diff --git a/procentric/application/theme/HIM00001/images/bt_skip_ch01.png b/procentric/application/theme/HIM00001/images/bt_skip_ch01.png
new file mode 100755
index 0000000..61f13b0
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bt_skip_ch01.png differ
diff --git a/procentric/application/theme/HIM00001/images/bt_skip_ch02.png b/procentric/application/theme/HIM00001/images/bt_skip_ch02.png
new file mode 100755
index 0000000..70bd423
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bt_skip_ch02.png differ
diff --git a/procentric/application/theme/HIM00001/images/bt_skip_en.png b/procentric/application/theme/HIM00001/images/bt_skip_en.png
new file mode 100755
index 0000000..fde457e
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bt_skip_en.png differ
diff --git a/procentric/application/theme/HIM00001/images/bt_skip_jp.png b/procentric/application/theme/HIM00001/images/bt_skip_jp.png
new file mode 100755
index 0000000..d3a7803
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bt_skip_jp.png differ
diff --git a/procentric/application/theme/HIM00001/images/bt_skip_ko.png b/procentric/application/theme/HIM00001/images/bt_skip_ko.png
new file mode 100755
index 0000000..96b2686
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/bt_skip_ko.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_focus-art.png b/procentric/application/theme/HIM00001/images/btn_mm_focus-art.png
new file mode 100755
index 0000000..b29472a
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_focus-art.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_focus-flight.png b/procentric/application/theme/HIM00001/images/btn_mm_focus-flight.png
new file mode 100755
index 0000000..777844b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_focus-flight.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_focus-jeju.png b/procentric/application/theme/HIM00001/images/btn_mm_focus-jeju.png
new file mode 100755
index 0000000..be35462
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_focus-jeju.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_focus-mypage.png b/procentric/application/theme/HIM00001/images/btn_mm_focus-mypage.png
new file mode 100755
index 0000000..92a00ad
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_focus-mypage.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_focus-resort.png b/procentric/application/theme/HIM00001/images/btn_mm_focus-resort.png
new file mode 100755
index 0000000..3b9ac5e
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_focus-resort.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_focus-rewards.png b/procentric/application/theme/HIM00001/images/btn_mm_focus-rewards.png
new file mode 100755
index 0000000..2241d62
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_focus-rewards.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_focus-tv.png b/procentric/application/theme/HIM00001/images/btn_mm_focus-tv.png
new file mode 100755
index 0000000..bf53c19
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_focus-tv.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_focus-weather.png b/procentric/application/theme/HIM00001/images/btn_mm_focus-weather.png
new file mode 100755
index 0000000..7a36e65
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_focus-weather.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_focus.png b/procentric/application/theme/HIM00001/images/btn_mm_focus.png
new file mode 100755
index 0000000..7bc4b6b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_focus.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_unfocus-art.png b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-art.png
new file mode 100755
index 0000000..f3419bb
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-art.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_unfocus-flight.png b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-flight.png
new file mode 100755
index 0000000..d2c8617
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-flight.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_unfocus-jeju.png b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-jeju.png
new file mode 100755
index 0000000..7b6cba6
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-jeju.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_unfocus-mypage.png b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-mypage.png
new file mode 100755
index 0000000..fe81103
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-mypage.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_unfocus-resort.png b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-resort.png
new file mode 100755
index 0000000..e6490ee
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-resort.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_unfocus-rewards.png b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-rewards.png
new file mode 100755
index 0000000..e645f09
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-rewards.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_unfocus-tv.png b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-tv.png
new file mode 100755
index 0000000..d59d62c
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-tv.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_unfocus-weather.png b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-weather.png
new file mode 100755
index 0000000..e659593
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_unfocus-weather.png differ
diff --git a/procentric/application/theme/HIM00001/images/btn_mm_unfocus.png b/procentric/application/theme/HIM00001/images/btn_mm_unfocus.png
new file mode 100755
index 0000000..a859e03
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/btn_mm_unfocus.png differ
diff --git a/procentric/application/theme/HIM00001/images/hoteltv_service_error.png b/procentric/application/theme/HIM00001/images/hoteltv_service_error.png
new file mode 100755
index 0000000..82a801f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/hoteltv_service_error.png differ
diff --git a/procentric/application/theme/HIM00001/images/hoteltv_service_preparing.png b/procentric/application/theme/HIM00001/images/hoteltv_service_preparing.png
new file mode 100755
index 0000000..6c86194
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/hoteltv_service_preparing.png differ
diff --git a/procentric/application/theme/HIM00001/images/hoteltv_service_preparing_joson.jpg b/procentric/application/theme/HIM00001/images/hoteltv_service_preparing_joson.jpg
new file mode 100755
index 0000000..6ebe713
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/hoteltv_service_preparing_joson.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/icon_brochure_next.png b/procentric/application/theme/HIM00001/images/icon_brochure_next.png
new file mode 100755
index 0000000..0710650
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icon_brochure_next.png differ
diff --git a/procentric/application/theme/HIM00001/images/icon_brochure_prev.png b/procentric/application/theme/HIM00001/images/icon_brochure_prev.png
new file mode 100755
index 0000000..af94688
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icon_brochure_prev.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_btn_back.png b/procentric/application/theme/HIM00001/images/icons/icon_btn_back.png
new file mode 100755
index 0000000..2995f72
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_btn_back.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_btn_media_play.png b/procentric/application/theme/HIM00001/images/icons/icon_btn_media_play.png
new file mode 100755
index 0000000..bde47a8
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_btn_media_play.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_btn_media_stop.png b/procentric/application/theme/HIM00001/images/icons/icon_btn_media_stop.png
new file mode 100755
index 0000000..f033e6f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_btn_media_stop.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_btn_movie_play.png b/procentric/application/theme/HIM00001/images/icons/icon_btn_movie_play.png
new file mode 100755
index 0000000..27b3524
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_btn_movie_play.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_contact_phone_48x48.png b/procentric/application/theme/HIM00001/images/icons/icon_contact_phone_48x48.png
new file mode 100755
index 0000000..ce0f5e0
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_contact_phone_48x48.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_contact_phone_96x96.png b/procentric/application/theme/HIM00001/images/icons/icon_contact_phone_96x96.png
new file mode 100755
index 0000000..28f7c8a
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_contact_phone_96x96.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_cotact_email_48x48.png b/procentric/application/theme/HIM00001/images/icons/icon_cotact_email_48x48.png
new file mode 100755
index 0000000..1e90f3a
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_cotact_email_48x48.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_cotact_email_96x96.png b/procentric/application/theme/HIM00001/images/icons/icon_cotact_email_96x96.png
new file mode 100755
index 0000000..de2d2c6
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_cotact_email_96x96.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_humidity.png b/procentric/application/theme/HIM00001/images/icons/icon_humidity.png
new file mode 100755
index 0000000..7fa4996
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_humidity.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_loading_256x256.png b/procentric/application/theme/HIM00001/images/icons/icon_loading_256x256.png
new file mode 100755
index 0000000..d28c5e4
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_loading_256x256.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_mypage_title.png b/procentric/application/theme/HIM00001/images/icons/icon_mypage_title.png
new file mode 100755
index 0000000..eb1a707
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_mypage_title.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_place_48x48.png b/procentric/application/theme/HIM00001/images/icons/icon_place_48x48.png
new file mode 100755
index 0000000..59bbe38
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_place_48x48.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_place_96x96.png b/procentric/application/theme/HIM00001/images/icons/icon_place_96x96.png
new file mode 100755
index 0000000..cd1b8f2
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_place_96x96.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_read_message_48x48.png b/procentric/application/theme/HIM00001/images/icons/icon_read_message_48x48.png
new file mode 100755
index 0000000..cd4e5a9
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_read_message_48x48.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_unread_message_48x48.png b/procentric/application/theme/HIM00001/images/icons/icon_unread_message_48x48.png
new file mode 100755
index 0000000..1e90f3a
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_unread_message_48x48.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_widjet_top_message_cnt.png b/procentric/application/theme/HIM00001/images/icons/icon_widjet_top_message_cnt.png
new file mode 100755
index 0000000..a03e357
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_widjet_top_message_cnt.png differ
diff --git a/procentric/application/theme/HIM00001/images/icons/icon_wind.png b/procentric/application/theme/HIM00001/images/icons/icon_wind.png
new file mode 100755
index 0000000..060f171
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/icons/icon_wind.png differ
diff --git a/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_chn.png b/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_chn.png
new file mode 100755
index 0000000..4293cc3
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_chn.png differ
diff --git a/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_eng.png b/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_eng.png
new file mode 100755
index 0000000..de30811
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_eng.png differ
diff --git a/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_hk.png b/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_hk.png
new file mode 100755
index 0000000..84b93dc
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_hk.png differ
diff --git a/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_jpn.png b/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_jpn.png
new file mode 100755
index 0000000..bbf2a89
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_jpn.png differ
diff --git a/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_kor.png b/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_kor.png
new file mode 100755
index 0000000..4e3cc9f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/language_screen_under_bar_note_text_kor.png differ
diff --git a/procentric/application/theme/HIM00001/images/msg_sample_portlate.png b/procentric/application/theme/HIM00001/images/msg_sample_portlate.png
new file mode 100755
index 0000000..e7abdcd
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/msg_sample_portlate.png differ
diff --git a/procentric/application/theme/HIM00001/images/wallpaper-1280x720-welcome1.jpg b/procentric/application/theme/HIM00001/images/wallpaper-1280x720-welcome1.jpg
new file mode 100755
index 0000000..6dc3e58
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/wallpaper-1280x720-welcome1.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/wallpaper-1280x720-welcome2.jpg b/procentric/application/theme/HIM00001/images/wallpaper-1280x720-welcome2.jpg
new file mode 100755
index 0000000..becba4e
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/wallpaper-1280x720-welcome2.jpg differ
diff --git a/procentric/application/theme/HIM00001/images/weather.zip b/procentric/application/theme/HIM00001/images/weather.zip
new file mode 100755
index 0000000..2485419
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather.zip differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_0.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_0.png
new file mode 100755
index 0000000..4898d9f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_0.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_1.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_1.png
new file mode 100755
index 0000000..4898d9f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_1.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_10.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_10.png
new file mode 100755
index 0000000..c9ea8b2
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_10.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_11.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_11.png
new file mode 100755
index 0000000..8ce1ee2
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_11.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_12.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_12.png
new file mode 100755
index 0000000..eb29cb0
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_12.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_13.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_13.png
new file mode 100755
index 0000000..cb9f5fd
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_13.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_14.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_14.png
new file mode 100755
index 0000000..5ccb24b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_14.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_15.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_15.png
new file mode 100755
index 0000000..cf1f7a9
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_15.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_16.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_16.png
new file mode 100755
index 0000000..787435d
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_16.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_17.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_17.png
new file mode 100755
index 0000000..970b16c
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_17.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_18.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_18.png
new file mode 100755
index 0000000..a0b735f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_18.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_19.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_19.png
new file mode 100755
index 0000000..a6a658b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_19.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_2.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_2.png
new file mode 100755
index 0000000..1ec2128
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_2.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_20.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_20.png
new file mode 100755
index 0000000..67a246f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_20.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_21.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_21.png
new file mode 100755
index 0000000..67a246f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_21.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_22.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_22.png
new file mode 100755
index 0000000..4ed1626
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_22.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_23.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_23.png
new file mode 100755
index 0000000..ea7dd17
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_23.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_24.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_24.png
new file mode 100755
index 0000000..ea7dd17
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_24.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_25.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_25.png
new file mode 100755
index 0000000..98e9be1
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_25.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_26.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_26.png
new file mode 100755
index 0000000..a4a8fc6
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_26.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_27.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_27.png
new file mode 100755
index 0000000..a6e0efe
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_27.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_28.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_28.png
new file mode 100755
index 0000000..31b4797
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_28.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_29.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_29.png
new file mode 100755
index 0000000..2f9ca97
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_29.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_3.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_3.png
new file mode 100755
index 0000000..bbf6f85
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_3.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_30.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_30.png
new file mode 100755
index 0000000..0a68e8a
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_30.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_31.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_31.png
new file mode 100755
index 0000000..57ec21a
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_31.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_32.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_32.png
new file mode 100755
index 0000000..b6aae46
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_32.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_33.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_33.png
new file mode 100755
index 0000000..57ec21a
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_33.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_34.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_34.png
new file mode 100755
index 0000000..e58b342
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_34.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_35.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_35.png
new file mode 100755
index 0000000..a19a541
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_35.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_36.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_36.png
new file mode 100755
index 0000000..ef60543
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_36.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_37.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_37.png
new file mode 100755
index 0000000..b632f41
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_37.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_38.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_38.png
new file mode 100755
index 0000000..13724f7
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_38.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_39.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_39.png
new file mode 100755
index 0000000..4e6adae
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_39.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_4.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_4.png
new file mode 100755
index 0000000..e170368
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_4.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_40.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_40.png
new file mode 100755
index 0000000..930f727
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_40.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_41.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_41.png
new file mode 100755
index 0000000..5c39733
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_41.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_42.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_42.png
new file mode 100755
index 0000000..627c121
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_42.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_43.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_43.png
new file mode 100755
index 0000000..f8299f2
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_43.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_44.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_44.png
new file mode 100755
index 0000000..0529f39
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_44.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_45.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_45.png
new file mode 100755
index 0000000..0f671c9
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_45.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_46.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_46.png
new file mode 100755
index 0000000..a7ca5d2
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_46.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_47.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_47.png
new file mode 100755
index 0000000..1704bd0
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_47.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_48.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_48.png
new file mode 100755
index 0000000..c225d3c
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_48.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_5.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_5.png
new file mode 100755
index 0000000..8d81cce
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_5.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_6.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_6.png
new file mode 100755
index 0000000..6a985d7
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_6.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_7.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_7.png
new file mode 100755
index 0000000..0c0547c
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_7.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_8.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_8.png
new file mode 100755
index 0000000..cf414dc
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_8.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_9.png b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_9.png
new file mode 100755
index 0000000..60c223d
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/top_bar_weather_icon_9.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_0.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_0.png
new file mode 100755
index 0000000..6358ebc
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_0.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_1.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_1.png
new file mode 100755
index 0000000..91aff19
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_1.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_10.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_10.png
new file mode 100755
index 0000000..67c5c0e
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_10.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_11.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_11.png
new file mode 100755
index 0000000..dc36ec3
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_11.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_12.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_12.png
new file mode 100755
index 0000000..8dfbfe2
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_12.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_13.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_13.png
new file mode 100755
index 0000000..2194a0f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_13.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_14.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_14.png
new file mode 100755
index 0000000..f96becf
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_14.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_15.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_15.png
new file mode 100755
index 0000000..bded7c6
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_15.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_16.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_16.png
new file mode 100755
index 0000000..957904c
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_16.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_17.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_17.png
new file mode 100755
index 0000000..46dc067
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_17.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_18.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_18.png
new file mode 100755
index 0000000..22f8d5f
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_18.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_19.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_19.png
new file mode 100755
index 0000000..14d14e3
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_19.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_2.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_2.png
new file mode 100755
index 0000000..dafa95a
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_2.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_20.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_20.png
new file mode 100755
index 0000000..fcf3f92
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_20.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_21.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_21.png
new file mode 100755
index 0000000..092008a
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_21.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_22.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_22.png
new file mode 100755
index 0000000..29b19c6
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_22.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_23.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_23.png
new file mode 100755
index 0000000..ccd3735
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_23.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_24.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_24.png
new file mode 100755
index 0000000..ccd3735
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_24.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_25.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_25.png
new file mode 100755
index 0000000..e14ac92
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_25.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_26.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_26.png
new file mode 100755
index 0000000..1021b74
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_26.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_27.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_27.png
new file mode 100755
index 0000000..e28017b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_27.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_28.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_28.png
new file mode 100755
index 0000000..ff57adc
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_28.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_29.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_29.png
new file mode 100755
index 0000000..b41999b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_29.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_3.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_3.png
new file mode 100755
index 0000000..f559b76
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_3.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_30.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_30.png
new file mode 100755
index 0000000..c059f92
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_30.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_31.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_31.png
new file mode 100755
index 0000000..80df177
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_31.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_32.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_32.png
new file mode 100755
index 0000000..a3a1c9b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_32.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_33.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_33.png
new file mode 100755
index 0000000..80df177
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_33.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_34.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_34.png
new file mode 100755
index 0000000..a3a1c9b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_34.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_35.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_35.png
new file mode 100755
index 0000000..8eb4a89
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_35.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_36.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_36.png
new file mode 100755
index 0000000..94c9590
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_36.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_37.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_37.png
new file mode 100755
index 0000000..a47a1ac
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_37.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_38.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_38.png
new file mode 100755
index 0000000..06cb09c
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_38.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_39.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_39.png
new file mode 100755
index 0000000..dc36ec3
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_39.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_4.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_4.png
new file mode 100755
index 0000000..9281f4b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_4.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_40.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_40.png
new file mode 100755
index 0000000..8dfbfe2
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_40.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_41.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_41.png
new file mode 100755
index 0000000..f96becf
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_41.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_42.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_42.png
new file mode 100755
index 0000000..99a61c4
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_42.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_43.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_43.png
new file mode 100755
index 0000000..d12707b
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_43.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_44.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_44.png
new file mode 100755
index 0000000..03559f7
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_44.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_45.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_45.png
new file mode 100755
index 0000000..dc36ec3
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_45.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_46.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_46.png
new file mode 100755
index 0000000..99a61c4
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_46.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_47.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_47.png
new file mode 100755
index 0000000..06cb09c
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_47.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_5.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_5.png
new file mode 100755
index 0000000..99a61c4
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_5.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_6.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_6.png
new file mode 100755
index 0000000..68260d0
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_6.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_7.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_7.png
new file mode 100755
index 0000000..de433f3
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_7.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_8.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_8.png
new file mode 100755
index 0000000..1652aac
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_8.png differ
diff --git a/procentric/application/theme/HIM00001/images/weather/weather_icon_9.png b/procentric/application/theme/HIM00001/images/weather/weather_icon_9.png
new file mode 100755
index 0000000..668343a
Binary files /dev/null and b/procentric/application/theme/HIM00001/images/weather/weather_icon_9.png differ
diff --git a/procentric/application/theme/HIN00001/hoteltv.app.full.css b/procentric/application/theme/HIN00001/hoteltv.app.full.css
new file mode 100755
index 0000000..d59e5de
--- /dev/null
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.css
@@ -0,0 +1,105 @@
+/* STEP[#001]: Define Main */
+
+.main {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    text-shadow: 0 0 10px rgba(38, 18, 18, 0.5), 0 0 10px rgba(65, 65, 65, 1);
+    z-index: 1;
+}
+
+.main ::-webkit-scrollbar {
+    display: none;
+}
+
+.control {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.control .mm .hotkey_red {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_green {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_yellow {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_blue {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+
+/* SETP[#003-4]: Player */
+
+.player {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+}
\ No newline at end of file
diff --git a/procentric/application/hoteltv.app.full.ctzgen.css b/procentric/application/theme/HIN00001/hoteltv.app.full.ctzgen.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.ctzgen.css
rename to procentric/application/theme/HIN00001/hoteltv.app.full.ctzgen.css
diff --git a/procentric/application/hoteltv.app.full.guide.css b/procentric/application/theme/HIN00001/hoteltv.app.full.guide.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.guide.css
rename to procentric/application/theme/HIN00001/hoteltv.app.full.guide.css
diff --git a/procentric/application/theme/HIN00001/hoteltv.app.full.mm.css b/procentric/application/theme/HIN00001/hoteltv.app.full.mm.css
new file mode 100755
index 0000000..5fb9be5
--- /dev/null
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.mm.css
@@ -0,0 +1,137 @@
+/* STEP[#002]: Define MAIN-MENU BG FRAMES */
+
+.main .mm {
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+}
+
+.main .mm .bg {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mm .bg div {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mm .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mm .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+}
+
+
+/* STEP[#003]: Define MAIN-MENU SELECTOR FRAMES */
+
+.main .mm .slider {
+    position: absolute;
+    /* top: 734px; */
+    top: 884px;
+    left: 0px;
+    width: 1920px;
+    /* height: 300px; */
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mm .slider .owl-carousel.owl-theme {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 50px 0 0 0;
+}
+
+.main .mm .slider .owl-carousel.owl-theme .owl-carousel-outer {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#mm_item_title {
+    position: absolute;
+    /* top: 190px; */
+    top: 22px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    line-height: 52px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#mm_item_icon {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Main Menu Selector Container */
+
+.main .mm .slider .owl-dots {
+    position: absolute;
+    top: -45px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .mm .slider .owl-theme .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+    background: none;
+}
+
+.main .mm .slider .owl-theme .owl-dots .owl-dot.active span {
+    /* background: rgb(181, 218, 16); */
+    background: rgb(245, 245, 245);
+}
+
+
+/* .main .mm .slider .owl-carousel .owl-item.active.focus div {
+    transform: scale(1.14);
+} */
+
+.main .mm .slider .owl-carousel .owl-item.active.focus:after {
+    width: 336px;
+}
+
+.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+    width: 264px;
+}
+
+.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
+    transform: scale(1.1);
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HIN00001/hoteltv.app.full.mm.flight.css b/procentric/application/theme/HIN00001/hoteltv.app.full.mm.flight.css
new file mode 100755
index 0000000..359d28f
--- /dev/null
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.mm.flight.css
@@ -0,0 +1,194 @@
+/* =============================
+   Main Menu Flight Format
+*/
+
+.main .mm .flight {
+    position: absolute;
+    top: 120px;
+    left: 0px;
+    width: 100%;
+    height: 620px;
+    max-height: 620px;
+    padding-left: 0;
+    margin: 0;
+    background-color: rgba(0, 0, 0, .5);
+    filter: drop-shadow(4px 4px 10px rgba(255, 255, 255, 0.8));
+    overflow: hidden;
+    z-index: 1;
+    display: none;
+}
+
+.main .mm .flight .departure {
+    width: 50%;
+    height: 100%;
+    position: absolute;
+}
+
+.main .mm .flight .arrival {
+    left: 52%;
+    width: 50%;
+    height: 100%;
+    position: absolute;
+}
+
+.main .mm .flight #title {
+    font-size: 40px;
+    color: rgb(235, 235, 235);
+    height: 46px;
+}
+
+.main .mm .flight .departure #title {
+    text-align:left;
+    margin-left:10px;
+}
+
+.main .mm .flight .arrival #title {
+    text-align:right;
+    margin-right:50px;
+}
+
+.main .mm .flight table {
+    position: absolute;
+    width: 940px;
+    height: 540px;
+    margin-left: 10px;
+    margin-right: 10px;
+    color: rgb(235, 235, 235);
+    text-align: center;
+    white-space: normal;
+    word-break: break-word;
+    border-collapse: collapse;
+    display: block;
+    overflow: auto;
+}
+
+.main .mm .flight #border_table_bottom {
+    position:absolute;
+    top:560px;
+    margin-left:10px;
+    width:900px;
+    height:20px;
+    background-color: rgba(0,0,0,0.4);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+.main .mm .flight #caution {
+    top: 590px;
+    width: 99%;
+    height:50px;
+    text-align: right;
+    color:rgb(180,180,190);
+    position: absolute;
+}
+
+
+/* .main .mm .flight table::-webkit-scrollbar {
+    display: none;
+} */
+
+.main .mm .flight table tbody#record {
+    position: absolute;
+    width: 100%;
+    height: 460px;
+    top: 52px;
+    overflow-y: scroll;
+}
+
+.main .mm .flight .tbl_header tr {
+    height: 50px;
+    max-height: 50px;
+}
+
+.main .mm .flight table #airline {
+    width: 118px;
+    max-width: 120px;
+}
+
+.main .mm .flight table #flight {
+    width: 70px;
+    max-width: 70px;
+}
+
+.main .mm .flight table #scheduled {
+    width: 128px;
+    max-width: 130px;
+}
+
+.main .mm .flight table #origin {
+    width: 88px;
+    max-width: 90px;
+}
+
+.main .mm .flight table #destination {
+    width: 122px;
+    max-width: 124px;
+}
+
+.main .mm .flight table #type {
+    width: 148px;
+    max-width: 150px;
+}
+
+.main .mm .flight table #gate {
+    width: 58px;
+    max-width: 60px;
+}
+
+.main .mm .flight table td#status {
+    width: 168px;
+    max-width: 169px;
+}
+
+.main .mm .flight table th#airline {
+    border-top-left-radius: 10px;
+}
+
+.main .mm .flight table th#status {
+    width: 168px;
+    max-width: 169px;
+    border-top-right-radius: 10px;
+}
+
+.main .mm .flight table th {
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    background: rgba(0, 0, 0, 0.4);
+}
+
+.main .mm .flight table td {
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    background: rgba(0, 0, 0, 0.2);
+}
+
+.main .mm .flight ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.main .mm .flight ::-webkit-scrollbar-track {
+    background-color: lightblue;
+}
+
+.main .mm .flight ::-webkit-scrollbar-track-piece {
+    background-color: gray;
+}
+
+.main .mm .flight ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+.main .mm .flight ::-webkit-scrollbar-button:start {
+    background-color: orange;
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.main .mm .flight ::-webkit-scrollbar-button:end {
+    background-color: orange;
+    /* Bottom, Right 방향의 이동버튼 */
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HIN00001/hoteltv.app.full.mm.weather.css b/procentric/application/theme/HIN00001/hoteltv.app.full.mm.weather.css
new file mode 100755
index 0000000..c446008
--- /dev/null
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.mm.weather.css
@@ -0,0 +1,186 @@
+/* =============================
+   Main Menu Weather Format 
+*/
+
+.main .mm .weather {
+    position: absolute;
+    top: 200px;
+    left: 0px;
+    width: 100%;
+    height: 400px;
+    max-height: 400px;
+    padding-left: 0;
+    margin: 0;
+    background-color: rgba(235, 235, 235, .5);
+    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.8));
+    z-index: 1;
+    display: none;
+}
+
+.main .mm .weather .location {
+    position: absolute;
+    top: 40px;
+    left: 100px;
+    font-size: 50px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    z-index: 1;
+    display: block;
+}
+
+.main .mm .weather .today {
+    position: absolute;
+    top: 0px;
+    left: 100px;
+    width: 320px;
+    height: 100%;
+}
+
+.main .mm .weather .today #temp_cur {
+    position: relative;
+    top: 110px;
+    font-size: 160px;
+    text-align: center;
+    color: rgb(21, 126, 251);
+}
+
+.main .mm .weather .today #temp_minmax {
+    position: relative;
+    top: 120px;
+    font-size: 50px;
+    text-align: right;
+    color: rgb(235, 235, 235);
+    display: block;
+}
+
+.main .mm .weather .today .detail {
+    position: absolute;
+    top: 40px;
+    left: 400px;
+    width: 400px;
+    height: 360px;
+    color: rgb(235, 235, 235);
+    overflow: hidden;
+    display: block;
+}
+
+.main .mm .weather .today .detail #discription {
+    height: 50px;
+    font-size: 40px;
+    text-align: center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #img_status {
+    height: 160px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #humidity {
+    width: 100%;
+    padding: 20px;
+    height: 40px;
+    text-align: center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #wind {
+    width: 100%;
+    height: 40px;
+    text-align: center;
+    display: block;
+    margin-top: 24px;
+}
+
+.main .mm .weather .today .detail #icon {
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+}
+
+.main .mm .weather .forcast .daily {
+    position: absolute;
+    top: 10px;
+    left: 1000px;
+    width: 910px;
+    height: 180px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    padding: 5px 0 0 10px;
+    color: rgb(235, 235, 235);
+}
+
+.main .mm .weather .forcast .daily ul {
+    width: 95%;
+    height: 100px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast .daily li {
+    width: 150px;
+    height: 90px;
+    font-size: 24px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: right center;
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+    float: left;
+    display: inline;
+    margin: 0 10px 0 10px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast div#time {
+    height: 90%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
+
+.main .mm .weather .forcast div#temp {
+    margin-top: 8px;
+    height: 30%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
+
+.main .mm .weather .forcast .weekly {
+    position: absolute;
+    top: 200px;
+    left: 1000px;
+    width: 910px;
+    height: 190px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+    padding: 0 0 0 10px;
+    color: rgb(235, 235, 235);
+}
+
+.main .mm .weather .forcast .weekly ul {
+    width: 95%;
+    height: 100px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast .weekly li {
+    width: 150px;
+    height: 90px;
+    font-size: 24px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: right center;
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+    float: left;
+    display: inline;
+    margin: 0 10px 0 10px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast div#date {
+    height: 90%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HIN00001/hoteltv.app.full.mypage.css b/procentric/application/theme/HIN00001/hoteltv.app.full.mypage.css
new file mode 100755
index 0000000..97d6447
--- /dev/null
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.mypage.css
@@ -0,0 +1,518 @@
+.main .mypage {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .mypage .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .mypage .bg div#lst_mypagebg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: var(--bg_noplay);
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
+    width: 100%;
+    height: 100%;
+    background-image: url(tv:);
+}
+
+.main .mypage .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .mypage .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mypage .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#mp_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    font-size: 2.2vw;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#mp_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+div#lst_mypagebg div #mp_accomo_title {
+    position: absolute;
+    top: 165px;
+    left: 224px;
+    width: 1536px;
+    height: 42px;
+    line-height: 42px;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+}
+
+div#lst_mypagebg div #mp_accomo_title::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 40px;
+    margin-left: -62px;
+    background-image: url("./images/icons/icon_mypage_title.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_accomo_infowin {
+    position: absolute;
+    top: 230px;
+    left: 160px;
+    width: 1600px;
+    height: 600px;
+    padding: 30px 10px 10px 10px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(28, 28, 28);
+    background-color: rgba(0, 0, 0, 0.5);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item {
+    font-size: 32px;
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #header {
+    width: 20%;
+    height: 50px;
+    text-align: right;
+    display: inline-block;
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #value {
+    width: 80%;
+    margin-left: 50px;
+}
+
+div#lst_mypagebg div #mp_hotel_infowin {
+    position: absolute;
+    top: 664px;
+    left: 190px;
+    width: 1540px;
+    height: 132px;
+    background-color: rgba(84, 84, 84, 0.9);
+    padding: 10px 11px 10px 11px;
+    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item {
+    width: 506px;
+    height: 100%;
+    display: inline-block;
+    padding: 5px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    text-shadow: 0 0 3px rgba(0, 0, 0, 1);
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #title {
+    display: block;
+    font-size: 26px;
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address {
+    position: absolute;
+    width: 470px;
+    top: 60px;
+    margin-left: 26px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -32px;
+    background-image: url("./images/icons/icon_place_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email {
+    position: absolute;
+    width: 470px;
+    top: 60px;
+    margin-left: 32px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -36px;
+    background-image: url("./images/icons/icon_cotact_email_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone {
+    position: absolute;
+    width: 470px;
+    top: 90px;
+    margin-left: 32px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -36px;
+    background-image: url("./images/icons/icon_contact_phone_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_message_title {
+    position: absolute;
+    top: 165px;
+    left: 224px;
+    width: 1536px;
+    height: 42px;
+    line-height: 42px;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+}
+
+div#lst_mypagebg div #mp_message_title::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 40px;
+    margin-left: -62px;
+    background-image: url("./images/icons/icon_cotact_email_96x96.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_message_table {
+    position: absolute;
+    top: 230px;
+    left: 160px;
+    width: 1600px;
+    height: 600px;
+    padding: 10px 10px 10px 32px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(28, 28, 28);
+    background-color: rgba(0, 0, 0, 0.5);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr {
+    position: absolute;
+    width: 1580px;
+    font-size: 36px;
+    line-height: 74px;
+    display: block;
+    border-collapse: collapse;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr {
+    text-align: center;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr th {
+    border-bottom: 5px solid rgb(94, 94, 94, 1);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#num {
+    width: 160px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#title {
+    width: 780px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#from {
+    width: 300px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#date {
+    width: 280px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec {
+    position: absolute;
+    top: 90px;
+    width: 1580px;
+    height: 478px;
+    font-size: 32px;
+    overflow: auto;
+    display: block;
+    border-collapse: separate;
+    border-spacing: 0 16px;
+    text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 1);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tbody {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow-y: scroll;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr {
+    line-height: 52px;
+    text-align: center;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr.focus {
+    background-color: rgba(127, 127, 127, 0.9);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr td {}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num {
+    width: 160px;
+    padding-left: 90px;
+    text-align: left;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num::before {
+    position: absolute;
+    content: '';
+    background-image: url(./images/icons/icon_unread_message_48x48.png);
+    margin-top: 6px;
+    width: 42px;
+    height: 38px;
+    margin-left: -64px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    filter: drop-shadow(0 0 4px rgb(0, 0, 0));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num.read::before {
+    position: absolute;
+    content: '';
+    background-image: url(./images/icons/icon_read_message_48x48.png);
+    margin-top: 6px;
+    width: 42px;
+    height: 38px;
+    margin-left: -64px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    filter: drop-shadow(0 0 4px rgb(0, 0, 0));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#title {
+    width: 780px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#from {
+    width: 300px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#date {
+    width: 280px;
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .mypage .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mp_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .mypage .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+
+
+
+/**********************************************************************
+ * Replay Welcome movie
+ **********************************************************************/
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl {
+    position: absolute;
+    top: 820px;
+    left: 1700px;
+    height: 54px;
+    line-height: 54px;
+    color: rgb(235, 235, 235);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    white-space: nowrap;
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
+    animation-delay: 4s;
+    animation-name: moveMypageMvCtrl;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes moveMypageMvCtrl {
+    from {
+        left: 1700px;
+    }
+    to {
+        left: 2220px
+    }
+}
+
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
+    position: absolute;
+    content: '';
+    width: 128px;
+    height: 54px;
+    margin-left: -140px;
+    background-image: url("./images/icons/icon_btn_media_play.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
+    animation-name: iconCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes iconCtzMvCtrlBtn {
+    0% {
+        transform: rotateX(0deg);
+    }
+    50% {
+        transform: rotateX(90deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+    100% {
+        transform: rotateX(0deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+}
+
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
+    content: var(--playmsg);
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
+    animation-delay: 1s;
+    animation-name: msgMypageMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes msgMypageMvCtrlBtn {
+    0% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0;
+        content: var(--stopmsg);
+    }
+    50% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+    100% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+}
\ No newline at end of file
diff --git a/procentric/application/hoteltv.app.full.news.css b/procentric/application/theme/HIN00001/hoteltv.app.full.news.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.news.css
rename to procentric/application/theme/HIN00001/hoteltv.app.full.news.css
diff --git a/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css b/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css
new file mode 100755
index 0000000..dcc5858
--- /dev/null
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css
@@ -0,0 +1,2111 @@
+/* Font */
+
+@font-face {
+    font-family: Parisienne;
+    src: url(./fonts/Parisienne/Parisienne-Regular.ttf);
+}
+
+@font-face {
+    font-family: Nanum Pen Script;
+    src: url(./fonts/Nanum_Pen_Script/NanumPenScript-Regular.ttf);
+}
+
+@font-face {
+    font-family: Ma Shan Zheng;
+    src: url(./fonts/Ma_Shan_Zheng/MaShanZheng-Regular.ttf);
+}
+
+
+/* POPUP */
+
+.popup {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    display: block;
+    z-index: 1;
+}
+
+
+/* Hotkey(red) */
+
+.popup .hotkey_mm_red {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .hotkey_mm_red div#lst_hotkey_mm_red {
+    position: absolute;
+    /*
+    width: 1464px;
+    height: 1007px;
+    margin: 36px 226px 36px 226px;
+    */
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border-style: solid;
+    border-color: rgb(160, 160, 160);
+    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_red .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_red .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_red .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_red div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_red .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_red .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_red .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_red .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_red .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_red .owl-dots {
+    position: absolute;
+    top: 1000px;
+    width: 100%;
+    align-content: center;
+}
+
+.popup .hotkey_mm_red .owl-dots .owl-dot span {
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
+}
+
+
+/* Hotkey(green) */
+
+.popup .hotkey_mm_green {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .hotkey_mm_green div#lst_hotkey_mm_green {
+    position: absolute;
+    /*
+    width: 1464px;
+    height: 1007px;
+    margin: 36px 226px 36px 226px;
+    */
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border-style: solid;
+    border-color: rgb(160, 160, 160);
+    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_green .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_green .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_green .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_green div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_green .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_green .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_green .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_green .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_green .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_green .owl-dots {
+    position: absolute;
+    top: 1000px;
+    width: 100%;
+    align-content: center;
+}
+
+.popup .hotkey_mm_green .owl-dots .owl-dot span {
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
+}
+
+
+/* Hotkey(blue) */
+
+.popup .hotkey_mm_blue {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .hotkey_mm_blue div#lst_hotkey_mm_blue {
+    position: absolute;
+    /*
+    width: 1464px;
+    height: 1007px;
+    margin: 36px 226px 36px 226px;
+    */
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border-style: solid;
+    border-color: rgb(160, 160, 160);
+    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_blue .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_blue .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_blue .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_blue .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_blue .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_blue .owl-dots {
+    position: absolute;
+    top: 1000px;
+    width: 100%;
+    align-content: center;
+}
+
+.popup .hotkey_mm_blue .owl-dots .owl-dot span {
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
+}
+
+
+/* Hotkey(yellow) */
+
+.popup .hotkey_mm_yellow {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .hotkey_mm_yellow div#lst_hotkey_mm_yellow {
+    position: absolute;
+    /*
+    width: 1464px;
+    height: 1007px;
+    margin: 36px 226px 36px 226px;
+    */
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border-style: solid;
+    border-color: rgb(160, 160, 160);
+    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_yellow .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_yellow .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_yellow .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_yellow .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_yellow .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_yellow .owl-dots {
+    position: absolute;
+    top: 1000px;
+    width: 100%;
+    align-content: center;
+}
+
+.popup .hotkey_mm_yellow .owl-dots .owl-dot span {
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
+}
+
+
+
+/***********************
+ * Amenity Style  *
+ ***********************/
+
+ .popup .amenity {
+    position: absolute;
+    top: 96px;
+    left: -560px;
+    width: 1302px;
+    height: 700px;
+    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 .menu>#title {
+    /* width: 466px; */
+    height: 45px;
+    line-height: 36px;
+    overflow: hidden;
+    font-size: 38px;
+    text-align: left;
+    margin: 10px 20px 5px 20px;
+}
+
+.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 .menu>#items {
+    height: 282px;
+    overflow-y: hidden;
+    overflow-x: hidden;
+    margin: 5px 22px 5px 22px;
+}
+
+.popup .amenity .menu>#items 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 {
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    margin: 5px 0 15px 0;
+}
+
+.popup .amenity .cart-list>#items>.tbl_header tbody tr {
+    height: 54px;
+    max-height: 54px;
+    background-color: rgb(51, 63, 80);
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .amenity .cart-list>#items>.tbl_header tbody tr>#type {
+    width: 50%;
+    float: left;
+    text-align: left;
+    padding: 0 0px 0 80px;
+}
+
+.popup .amenity .cart-list>#items>.tbl_header tbody tr>#quantity {
+    width: 20%;
+    float: left;
+}
+
+.popup .amenity .cart-list>#items>.tbl_header tbody tr>#amount {
+    width: 30%;
+    float: left;
+    padding: 0px 30px 0 0px;
+}
+
+.popup .amenity .cart-list>#items>.tbl_record {
+    /* height: 284px;*/
+}
+
+.popup .amenity .cart-list>#items>.tbl_record tbody {
+    height: 276px;
+    display: block;
+    /* overflow: hidden; */
+    overflow-y: auto;
+}
+
+.popup .amenity .cart-list>#items>.tbl_record tbody tr {
+    height: 52px;
+}
+
+.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 {
+    height: 52px;
+    width: 754px;
+    font-size: 30px;
+    line-height: 54px;
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#title {
+    width: 50%;
+    float: left;
+    padding: 0px 0px 0px 20px;
+}
+
+.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#quantity {
+    width: 20%;
+    float: left;
+    text-align: center;
+}
+
+.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#price {
+    width: 30%;
+    float: left;
+    text-align: right;
+    padding: 0px 30px 0 0px;
+}
+
+.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-track {
+    background-color: rgb(67, 82, 105);
+}
+
+.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-track-piece {
+    background-color: rgb(80, 98, 124);
+}
+
+.popup .amenity .cart-list>#items>.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 {
+    display: none;
+    /* background-color: orange; */
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .amenity .cart-list>#items>.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 {
+    position: absolute;
+    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;
+    line-height: 52px;
+    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;
+}
+
+
+/***********************
+ * Room Service Style  *
+ ***********************/
+
+.popup .roomservice {
+    position: absolute;
+    top: 96px;
+    left: -560px;
+    width: 1302px;
+    height: 700px;
+    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 .roomservice .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 .roomservice .menu>#title {
+    /* width: 466px; */
+    height: 45px;
+    line-height: 36px;
+    overflow: hidden;
+    font-size: 38px;
+    text-align: left;
+    margin: 10px 20px 5px 20px;
+}
+
+.popup .roomservice .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 .roomservice .menu>#items {
+    height: 282px;
+    overflow-y: hidden;
+    overflow-x: hidden;
+    margin: 5px 22px 5px 22px;
+}
+
+.popup .roomservice .menu>#items table {
+    width: 100%;
+    margin: 0px 10px 0 0px;
+    border-collapse: collapse;
+}
+
+.popup .roomservice .menu>#items>.tbl_header {
+    height: 34px;
+    max-height: 34px;
+    line-height: 32px;
+    font-size: 30px;
+    text-align: center;
+    margin: 5px 0 25px 0;
+}
+
+.popup .roomservice .menu>#items>.tbl_header tbody tr {
+    width: 100%;
+}
+
+.popup .roomservice .menu>#items>.tbl_header tbody tr>#type {
+    width: 70%;
+    float: left;
+}
+
+.popup .roomservice .menu>#items>.tbl_header tbody tr>#quantity {
+    width: 30%;
+    float: left;
+}
+
+.popup .roomservice .menu>#items>.tbl_record {
+    height: 210px;
+}
+
+.popup .roomservice .menu>#items>.tbl_record tbody {
+    height: 210px;
+    display: block;
+    overflow: hidden;
+}
+
+.popup .roomservice .menu>#items>.tbl_record tbody tr {
+    height: 70px;
+    max-height: 70px;
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .roomservice .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 .roomservice .menu>#items>.tbl_record tbody tr>.products {
+    height: 70px;
+}
+
+.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#index {
+    font-size: 22px;
+    line-height: 24px;
+    width: 10%;
+    float: left;
+    text-align: center;
+}
+
+.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#title {
+    font-size: 22px;
+    line-height: 24px;
+    width: 90%;
+    float: left;
+}
+
+.popup .roomservice .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 .roomservice .menu>#items>.tbl_record tbody tr>.products>#quantity {
+    font-size: 36px;
+    line-height: 36px;
+    width: 30%;
+    float: left;
+    text-align: center;
+}
+
+.popup .roomservice .menu>#summary {
+    height: 70px;
+    font-size: 38px;
+    line-height: 64px;
+    margin: 15px 22px 5px 22px;
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .roomservice .menu>#summary>#title {
+    width: 22%;
+    float: left;
+    text-align: center;
+    /* padding: 0% 5% 0 20%; */
+}
+
+.popup .roomservice .menu>#summary>#value {
+    width: 48%;
+    float: left;
+    text-align: right;
+    color: rgb(255, 192, 0);
+    padding: 0px 55px 0px 0px;
+}
+
+.popup .roomservice .menu>#summary>#quantity {
+    width: 30%;
+    float: left;
+    text-align: center;
+    color: rgb(255, 192, 0);
+}
+
+.popup .roomservice .menu>div#buttons {
+    height: 145px;
+    font-size: 30px;
+    text-align: center;
+    color: rgba(255, 255, 255, 1.0);
+    margin: 15px 22px 5px 22px;
+}
+
+.popup .roomservice .menu>div#buttons div {
+    height: 38px;
+    border: 1px solid rgb(90, 90, 90);
+}
+
+.popup .roomservice .menu>div#buttons .active {
+    border: 1px solid rgb(255, 192, 0);
+    background-color: rgba(34, 42, 53, 1.0);
+}
+
+.popup .roomservice .menu>div#buttons #order {
+    width: 100%;
+    background-color: rgba(34, 42, 53, 1.0);
+    /* border-radius: 5px; */
+}
+
+.popup .roomservice .menu>div#buttons #cancel {
+    width: 100%;
+    /* border-radius: 5px; */
+}
+
+.popup .roomservice .menu>div#buttons #details {
+    width: 100%;
+    /* border-radius: 5px; */
+}
+
+
+/* ROOM SERVICE -> ITEM Description */
+
+.popup .roomservice .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 .roomservice .description>#title {
+    width: 100%;
+    height: 64px;
+    line-height: 38px;
+    overflow: hidden;
+    font-size: 36px;
+    padding: 10px 10px 5px 10px;
+}
+
+.popup .roomservice .description>#comment {
+    width: 100%;
+    height: 89px;
+    line-height: 24px;
+    overflow: hidden;
+    font-size: 22px;
+    padding: 5px 10px 5px 15px;
+    white-space: pre-line;
+}
+
+.popup .roomservice .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 .roomservice>.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 .roomservice>.cart-list>#title {
+    height: 45px;
+    line-height: 36px;
+    overflow: hidden;
+    font-size: 38px;
+    text-align: left;
+    margin: 10px 20px 5px 20px;
+}
+
+.popup .roomservice>.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 .roomservice .cart-list>#items {
+    /* height: 352px; */
+    /* overflow-y: auto; */
+    /* overflow-y: hidden;
+    overflow-x: hidden; */
+    margin: 5px 22px 5px 22px;
+}
+
+.popup .roomservice .cart-list>#items table {
+    width: 100%;
+    margin: 0px 10px 0 0px;
+    border-collapse: collapse;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_header {
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    margin: 5px 0 15px 0;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_header tbody tr {
+    height: 54px;
+    max-height: 54px;
+    background-color: rgb(51, 63, 80);
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#type {
+    width: 50%;
+    float: left;
+    text-align: left;
+    padding: 0 0px 0 80px;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#quantity {
+    width: 20%;
+    float: left;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#amount {
+    width: 30%;
+    float: left;
+    padding: 0px 30px 0 0px;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record {
+    /* height: 284px;*/
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record tbody {
+    height: 276px;
+    display: block;
+    /* overflow: hidden; */
+    overflow-y: auto;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record tbody tr {
+    height: 52px;
+}
+
+.popup .roomservice .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 .roomservice .cart-list>#items>.tbl_record tbody tr>.products {
+    height: 52px;
+    width: 754px;
+    font-size: 30px;
+    line-height: 54px;
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#title {
+    width: 50%;
+    float: left;
+    padding: 0px 0px 0px 20px;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#quantity {
+    width: 20%;
+    float: left;
+    text-align: center;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#price {
+    width: 30%;
+    float: left;
+    text-align: right;
+    padding: 0px 30px 0 0px;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-track {
+    background-color: rgb(67, 82, 105);
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-track-piece {
+    background-color: rgb(80, 98, 124);
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgb(51, 63, 80);
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:start {
+    display: none;
+    /* background-color: orange; */
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:end {
+    display: none;
+    /* background-color: orange; */
+    /* Bottom, Right 방향의 이동버튼 */
+}
+
+.popup .roomservice .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 .roomservice .cart-list>#summary>#title {
+    width: 30%;
+    float: left;
+    text-align: center;
+    /* padding: 0% 5% 0 20%;*/
+}
+
+.popup .roomservice .cart-list>#summary>#quantity {
+    width: 40%;
+    float: left;
+    text-align: center;
+    padding: 0 0 0 142px;
+    color: rgb(255, 192, 0);
+}
+
+.popup .roomservice .cart-list>#summary>#amount {
+    width: 30%;
+    float: left;
+    text-align: right;
+    color: rgb(255, 192, 0);
+    padding: 0px 30px 0px 0px;
+}
+
+.popup .roomservice .cart-list>#notice {
+    font-size: 22px;
+    line-height: 24px;
+    margin: 10px 22px 5px 22px;
+    text-align: center;
+}
+
+.popup .roomservice .cart-list>div#buttons {
+    font-size: 38px;
+    text-align: center;
+    color: rgba(255, 255, 255, 1.0);
+    margin: 15px 22px 5px 22px;
+}
+
+.popup .roomservice .cart-list>div#buttons>div {
+    height: 38px;
+    float: left;
+    width: 50%;
+}
+
+.popup .roomservice .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 .roomservice .cart-list>div#buttons .active {
+    border: 1px solid rgb(255, 192, 0);
+    background-color: rgba(34, 42, 53, 1.0);
+}
+
+.popup .roomservice .cart-list>div#buttons #confirm {
+    width: 50%;
+}
+
+.popup .roomservice .cart-list>div#buttons #cancel {
+    width: 50%;
+}
+
+
+/* ROOM SERVICE -> ORDER Details */
+
+.popup .roomservice .order-details {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: rgb(36, 44, 56);
+    /* display: block; */
+    display: inline-block;
+    color: rgb(255, 255, 255);
+}
+
+.popup .roomservice .order-details>#title {
+    /* width: 466px; */
+    height: 45px;
+    line-height: 36px;
+    overflow: hidden;
+    font-size: 38px;
+    text-align: left;
+    margin: 10px 20px 5px 30px;
+}
+
+.popup .roomservice .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 .roomservice .order-details>#orders {
+    height: 470px;
+    overflow-y: hidden;
+    overflow-x: hidden;
+    margin: 5px 30px 5px 30px;
+}
+
+.popup .roomservice .order-details>#orders>table {
+    border-collapse: collapse;
+}
+
+.popup .roomservice .order-details>#orders>.order_list {
+    width: 100%;
+    height: 485px;
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody {
+    height: 210px;
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr {
+    height: 70px;
+    max-height: 70px;
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .roomservice .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 .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering {
+    height: 44px;
+    max-height: 44px;
+    background-color: rgb(51, 63, 80);
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>div {
+    padding: 0px 0px 5px 0px;
+}
+
+.popup .roomservice .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 .roomservice .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 .roomservice .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 .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst {
+    width: 100%;
+    float: left;
+    background-color: rgb(51, 63, 80);
+    margin: 0px 0px 5px 0px;
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header {
+    width: 100%;
+    font-size: 36px;
+    line-height: 36px;
+    border-collapse: collapse;
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header>tbody {
+    /* */
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header tr {
+    font-size: 30px;
+}
+
+.popup .roomservice .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 .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #quantity {
+    width: 10%;
+    font-size: 25px;
+}
+
+.popup .roomservice .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 .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal1 {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal2 {
+    color: rgb(255, 192, 0);
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal3 {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal4 {
+    color: rgb(255, 192, 0);
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal5 {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record {
+    width: 100%;
+    font-size: 36px;
+    line-height: 36px;
+    border-collapse: collapse;
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record>tbody {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div {
+    float: left;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.popup .roomservice .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 .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#quantity {
+    width: 10%;
+    text-align: center;
+}
+
+.popup .roomservice .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 .roomservice .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 .roomservice .order-details>#summary>div {
+    float: left;
+}
+
+.popup .roomservice .order-details>#summary>#title {
+    width: 40%;
+    padding: 0px 0px 0px 90px;
+    text-align: left;
+}
+
+.popup .roomservice .order-details>#summary>#quantity {
+    width: 10%;
+    text-align: center;
+    color: rgb(255, 192, 0);
+}
+
+.popup .roomservice .order-details>#summary>#amount {
+    width: 20%;
+    text-align: right;
+    padding: 0px 20px 0px 0px;
+    color: rgb(255, 192, 0);
+}
+
+
+/* ROOM SERVICE -> ALRET */
+
+.popup .roomservice .alert {
+    position: absolute;
+    top: 197px;
+    left: 340px;
+    width: 600px;
+    height: 325px;
+    color: rgb(255, 255, 255);
+}
+
+.popup .roomservice .alert>div#order-complete {
+    width: 100%;
+    height: 100%;
+    background-color: rgb(36, 44, 56);
+    border: 1px solid rgb(255, 255, 255);
+}
+
+.popup .roomservice .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;
+    line-height: 52px;
+    text-align: center;
+}
+
+.popup .roomservice .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;
+}
+
+
+/***********************
+ * MY PAGE Style       *
+ ***********************/
+
+.popup>.mypage {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+
+.popup>.mypage.fade {
+    animation-delay: 1s;
+    animation-name: popup_mypage_fade;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 3s;
+    background-color:rgba(10, 10, 10, 0);
+}
+
+@keyframes popup_mypage_fade {
+    from {background-color:rgba(10, 10, 10, 0);}
+    to {background-color:rgba(10, 10, 10, 0.7);}
+}
+
+
+.popup>.mypage>.message {
+    position: absolute;
+    top: 13%;
+    left: 6%;
+    width: 88%;
+    height: 80%;
+    background-color: rgb(64, 64, 64);
+    /* background-image: url(./images/bg_message_cream-paper.png); */
+    /* box-shadow: 2px 3px 20px black, 0 0 200px rgb(16, 16, 16) inset; */
+    box-shadow: 0 0px 60px rgba(0, 0, 0, 0.65);
+    overflow: hidden;
+    display: none;
+}
+
+.popup>.mypage>.message>#hotel_logo {
+    position: absolute;
+}
+
+.popup>.mypage>.message>#title {
+    max-height: 200px;
+    line-height: 200px;
+    color: rgb(255, 255, 255);
+    font-size: 48px;
+    text-align: center;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1)
+}
+
+.popup>.mypage>.message>#msg_ctz {
+    position: absolute;
+    top: 200px;
+    width: 100%;
+    height: 600px;
+    font-size: 28px;
+    line-height: 40px;
+    padding: 0px 20px 0px 20px;
+    color: rgb(235, 235, 235);
+    text-align: center;
+    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
+}
+
+.popup>.mypage>.message>#btn_back {
+    position: absolute;
+    top: 820px;
+    left: 1542px;
+    width: 140px;
+    height: 36px;
+    line-height: 38px;
+    font-size: 28px;
+    font-family: LG Display-Regular;
+    color: rgb(255, 255, 255);
+    text-shadow: 3px 3px 15px rgba(0, 0, 0, 1);
+    background-color: rgba(0, 0, 0, 0.4);
+    padding-left: 50px;
+    border-radius: 5px;
+    text-align: center;
+    filter: drop-shadow(2px 2px 4px black);
+}
+
+.popup>.mypage>.message>#btn_back::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 34px;
+    margin-left: -62px;
+    background-image: url(./images/icons/icon_btn_back.png);
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+
+/* Notification Style */
+
+.popup>.notification {
+    display: none;
+    position: absolute;
+    top: 10%;
+    left: 73%;
+    width: 26%;
+    height: 10%;
+}
+
+.popup>.notification>.balloon {
+    position: relative;
+    display: inline-block;
+}
+
+.popup>.notification>.balloon span {
+    display: inline-block;
+    padding: 10px;
+    color: #fff;
+    background: #ad1e51;
+    border-radius: 20px;
+    font-size: 28px;
+}
+
+.popup>.notification>.balloon:after {
+    content: '';
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-style: solid;
+}
+
+.popup>.notification>.balloon.right:after,
+.popup>.notification>.balloon.left:after {
+    border-width: 10px 15px;
+    top: 50%;
+    margin-top: -10px;
+}
+
+.popup>.notification>.balloon.top:after,
+.popup>.notification>.balloon.bottom:after {
+    border-width: 15px 10px;
+    left: 50%;
+    margin-left: -10px;
+}
+
+.popup>.notification>.balloon.top:after {
+    border-color: #ad1e51 transparent transparent transparent;
+    bottom: -25px;
+}
+
+.popup>.notification>.balloon.bottom:after {
+    border-color: transparent transparent #ad1e51 transparent;
+    top: -25px;
+}
+
+.popup>.notification>.balloon.left:after {
+    border-color: transparent #ad1e51 transparent transparent;
+    left: -25px;
+}
+
+.popup>.notification>.balloon.right:after {
+    border-color: transparent transparent transparent #ad1e51;
+    right: -25px;
+}
\ No newline at end of file
diff --git a/procentric/application/hoteltv.app.full.sm.css b/procentric/application/theme/HIN00001/hoteltv.app.full.sm.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.sm.css
rename to procentric/application/theme/HIN00001/hoteltv.app.full.sm.css
diff --git a/procentric/application/theme/HIN00001/hoteltv.app.full.tv.css b/procentric/application/theme/HIN00001/hoteltv.app.full.tv.css
new file mode 100755
index 0000000..6c145e4
--- /dev/null
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.tv.css
@@ -0,0 +1,246 @@
+/* TV Menu */
+
+.main .tv {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background: url(tv:);
+}
+
+.main .tv .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background: url(tv:);
+    overflow: hidden;
+    display: none;
+}
+
+.main .tv .bg div#lst_tvCtgbg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer {
+    width: 780px;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
+    position: absolute;
+    top: 116px;
+    /* left: 80px;
+    width: 1840px; */
+    height: 844px;
+    margin: 20px 20px 20px 20px;
+    padding: 5px 20px 5px 20px;
+    background-color: rgba(0, 0, 0, 0.4);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1));
+    border: solid rgb(137, 139, 129);
+    border-radius: 10px;
+    /* background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(120, 120, 120, 0.7) 70%, rgba(0, 0, 0, 0.7) 85%); */
+    overflow: hidden;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_title {
+    line-height: 100px;
+    padding: 0;
+    margin: 0 0 10px 0;
+    font-size: 80px;
+    color: rgb(235, 235, 235);
+    white-space: nowrap;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist {
+    max-width: 680px;
+    height: 640px;
+    font-size: 32px;
+    overflow: hidden;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame {
+    height: 110px;
+    margin: 10px 0 10px 0;
+    z-index: 1;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame .tvch_epg {
+    float: left;
+    margin: 0 0 0 186px;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused .tvch_epg {
+    margin: 0 0 0 210px;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title {
+    font-size: 32px;
+    width: 468px;
+    color: rgb(255, 255, 255);
+    border-bottom: solid;
+    border-bottom-color: rgba(94, 90, 86, 0.8);
+    white-space: nowrap;
+    display: block;
+    overflow: hidden;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_epg_title {
+    border-bottom-color: rgb(181, 218, 16);
+    color: rgb(181, 218, 16);
+    font-size: 40px;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title::before {
+    content: attr(ch_num);
+    font-size: 32px;
+    text-align: left;
+    margin: 20px 10px 0 0;
+    padding: 0 5px 0 5px;
+    color: rgb(10, 10, 10);
+    background-color: rgba(210, 210, 210, 1);
+    text-shadow: 0 0 5px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
+    border-radius: 5px;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_info {
+    color: rgb(235, 235, 235);
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_logo {
+    width: 176px;
+    height: 110px;
+    background-color: rgba(255, 255, 255, 1);
+    border-radius: 10px;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_logo {
+    border: solid rgb(181, 218, 16);
+    transform: scale(1.14);
+    transform-origin: 2% 48%;
+    z-index: 2;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_up {
+    width: 30px;
+    height: 30px;
+    margin: 10px 0 0 70px;
+    transform: rotate(-45deg) skew(15deg, 15deg);
+    border-top: 5px #fff solid;
+    border-right: 5px #fff solid;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_down {
+    width: 30px;
+    height: 30px;
+    margin: 10px 0 0 70px;
+    transform: rotate(135deg) skew(15deg, 15deg);
+    border-top: 5px #fff solid;
+    border-right: 5px #fff solid;
+}
+
+/*************************/
+/* STYLE for TV Shortcut */
+/*************************/
+.main .tv .shortcut {
+    position: absolute;
+    top: 18%;
+    left: 75%;
+    width: 440px;
+    height: 230px;
+    background: rgba(0, 0, 0, 0.7);
+    padding: 20px 6px 20px 6px;
+    border-top: 5px solid rgba(0,0,0,0.7);
+    border-bottom: 5px solid rgba(0,0,0,0.7);
+}
+
+.main .tv .shortcut div#suggestion {
+    position: absolute;
+    width: 100%;
+    height: 84%;
+}
+
+.main .tv .shortcut div#suggestion table {
+    width: 100%;
+    height: 100%;
+    /* padding: 3px 0px 3px 0px; */
+    border-collapse: collapse;
+}
+
+.main .tv .shortcut .ch_list>#record {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    color: rgba(240,240,240,1);
+    overflow: scroll;
+    padding: 14px 0px 0px 0px;
+}
+
+.main .tv .shortcut .ch_list>#record tr {
+    width: 96%;
+    display: block;
+    float: left;
+    padding: 5px 0px 5px 0px;
+    border-bottom: 1px solid rgb(67, 82, 105);
+    border-top: 1px solid rgb(67, 82, 105);
+}
+
+.main .tv .shortcut .ch_list>#record tr.active {
+    color:rgb(255, 192, 0);
+    background-color: rgba(0,0,0,0.6);
+    border-top: 2px solid rgb(255, 192, 0);
+    border-bottom: 2px solid rgb(255, 192, 0);
+}
+
+.main .tv .shortcut .ch_list>#record tr>.scitem {
+    font-size: 40px;
+    line-height: 1;
+    width: 100%;
+}
+
+.main .tv .shortcut .ch_list>#record tr>.scitem>#logo {
+    width: 24%;
+    height: 40px;
+    /* height: 100%; */
+    float: left;
+    background-color: rgba(235,235,235,1);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 10px;
+    border: 2px solid rgb(67, 82, 105);
+    /* margin: 1%; */
+}
+
+.main .tv .shortcut .ch_list>#record tr>.scitem>#num {
+    width: 18%;
+    float: left;
+    text-align: center;
+    /* margin: 4px 0px 1px 0px; */
+    overflow: hidden;
+}
+
+.main .tv .shortcut .ch_list>#record tr>.scitem>#title {
+    width: 54%;
+    float: left;
+    text-align: center;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    /* margin: 4px 0px 1px 0px; */
+}
diff --git a/procentric/application/hoteltv.app.full.widjet.css b/procentric/application/theme/HIN00001/hoteltv.app.full.widjet.css
similarity index 100%
rename from procentric/application/hoteltv.app.full.widjet.css
rename to procentric/application/theme/HIN00001/hoteltv.app.full.widjet.css
diff --git a/procentric/application/theme/HIN00001/hoteltv.welcome.css b/procentric/application/theme/HIN00001/hoteltv.welcome.css
new file mode 100755
index 0000000..f63dd04
--- /dev/null
+++ b/procentric/application/theme/HIN00001/hoteltv.welcome.css
@@ -0,0 +1,192 @@
+body {
+    overflow: hidden;
+}
+
+.welcome {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    display: none;
+    z-index: 1;
+}
+
+.startup {
+    top: 0px;
+    left: 0px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    /* background-image: url(./images/hoteltv_service_preparing.png); */
+    background-image: url(./images/hoteltv_service_preparing_joson.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+
+.welcome .frame {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 1);
+    background-image: none;
+    background-size: cover;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+.welcome .frame .msgwin {
+    position: absolute;
+    top: 98px;
+    left: 519px;
+    width: 884px;
+    height: 648px;
+    padding: 0px;
+    /* background-image: url(./images/bg_language_welcome_box.png);
+    background-size: cover; */
+    background-repeat: no-repeat;
+    background: linear-gradient(rgba(45,45,45,0.6),rgba(16,16,16,0.7));
+    border-radius: 11px;
+    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
+}
+
+.welcome .frame .msgwin #hotellogo {
+    position: absolute;
+    top: 108px;
+    left: 135px;
+    width: 634px;
+    height: 270px;
+    padding: 0px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    /* background-position: center; */
+    background-position: top;
+}
+
+.welcome .frame .msgwin #guestname {
+    position: absolute;
+    top: 424px;
+    left: 0px;
+    width: 804px;
+    height: 65px;
+    padding: 0px 0px 5px 0px;
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    border-bottom: solid rgb(192,192,192) 3px;
+    font-size: 65px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 65px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .msgwin #welcomemsg {
+    position: absolute;
+    top: 516px;
+    left: 0px;
+    width: 804px;
+    height: 44px;
+    /* padding: 0px; */
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    font-size: 33px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 33px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .guide#langsel {
+    position: absolute;
+    top: 1037px;
+    left: 0px;
+    width: 1920px;
+    height: 54px;
+    background-color: rgba(0, 0, 0, 0.8);
+    display: inline-block;
+    color: rgba(200, 200, 200, 1);
+    font-size: 32px;
+    line-height: 43px;
+    text-align: center;
+    border-top: solid rgb(128, 128, 128);
+}
+
+.welcome #lst_langsel {
+    position: absolute;
+    top: 962px;
+    left: 0;
+    height: 76px;
+    line-height: 76px;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    display: none;
+}
+
+.welcome #lst_langsel .item {
+    color: rgba(200, 200, 200, 1);
+    font-size: 44px;
+    text-align: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.welcome #lst_langsel .owl-item.active.center div {
+    background-image: var(--btn_focus);
+}
+
+.welcome #lst_langsel .owl-item.active div {
+    background-image: var(--btn_unfocus);
+}
+
+.control .skip_video {
+    z-index: 10000;
+    position: absolute;
+    z-index: 10000;
+    top: 927px;
+    left: 1579px;
+    width: 246px;
+    height: 68px;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 0.0);
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+#debugwin {
+    z-index: 10000;
+    position: absolute;
+    top: 11px;
+    bottom: 22px;
+    right: 11px;
+    font-size: 12px;
+    background-color: rgba(18, 18, 18, 0.3);
+    text-align: left;
+    color: rgb(235, 235, 235);
+    line-height: 24px;
+    padding-left: 5px;
+    padding-top: 5px;
+    display: inline-flex;
+    max-width: 500px;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    display: none;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HIN00001/images/1280x720-01.jpg b/procentric/application/theme/HIN00001/images/1280x720-01.jpg
new file mode 100755
index 0000000..90e317e
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1280x720-01.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/1280x720-02.jpg b/procentric/application/theme/HIN00001/images/1280x720-02.jpg
new file mode 100755
index 0000000..6163452
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1280x720-02.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/1280x720-03.jpg b/procentric/application/theme/HIN00001/images/1280x720-03.jpg
new file mode 100755
index 0000000..ded8064
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1280x720-03.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/1280x720-04.jpg b/procentric/application/theme/HIN00001/images/1280x720-04.jpg
new file mode 100755
index 0000000..f45d821
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1280x720-04.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/1280x720-05.jpg b/procentric/application/theme/HIN00001/images/1280x720-05.jpg
new file mode 100755
index 0000000..5577885
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1280x720-05.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/1280x720-06.jpg b/procentric/application/theme/HIN00001/images/1280x720-06.jpg
new file mode 100755
index 0000000..ec94797
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1280x720-06.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/1920x1080-01.jpg b/procentric/application/theme/HIN00001/images/1920x1080-01.jpg
new file mode 100755
index 0000000..d4422ab
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1920x1080-01.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/1920x1080-02.jpg b/procentric/application/theme/HIN00001/images/1920x1080-02.jpg
new file mode 100755
index 0000000..8bfa417
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1920x1080-02.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/1920x1080-03.jpg b/procentric/application/theme/HIN00001/images/1920x1080-03.jpg
new file mode 100755
index 0000000..5c33ca9
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1920x1080-03.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/1920x1080-04.jpg b/procentric/application/theme/HIN00001/images/1920x1080-04.jpg
new file mode 100755
index 0000000..13c8114
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1920x1080-04.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/1920x1080-06.jpg b/procentric/application/theme/HIN00001/images/1920x1080-06.jpg
new file mode 100755
index 0000000..76a1679
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/1920x1080-06.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/Altmetric_rgb.png b/procentric/application/theme/HIN00001/images/Altmetric_rgb.png
new file mode 100755
index 0000000..27645d4
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/Altmetric_rgb.png differ
diff --git a/procentric/application/theme/HIN00001/images/ani-busy-type01.gif b/procentric/application/theme/HIN00001/images/ani-busy-type01.gif
new file mode 100755
index 0000000..d79dfe4
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/ani-busy-type01.gif differ
diff --git a/procentric/application/theme/HIN00001/images/ani-busy-type02.gif b/procentric/application/theme/HIN00001/images/ani-busy-type02.gif
new file mode 100755
index 0000000..a61f6a1
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/ani-busy-type02.gif differ
diff --git a/procentric/application/theme/HIN00001/images/ani-busy-type03.gif b/procentric/application/theme/HIN00001/images/ani-busy-type03.gif
new file mode 100755
index 0000000..c562b9f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/ani-busy-type03.gif differ
diff --git a/procentric/application/theme/HIN00001/images/bg_language_welcome_box.png b/procentric/application/theme/HIN00001/images/bg_language_welcome_box.png
new file mode 100755
index 0000000..6917a56
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bg_language_welcome_box.png differ
diff --git a/procentric/application/theme/HIN00001/images/bg_message_cream-paper.png b/procentric/application/theme/HIN00001/images/bg_message_cream-paper.png
new file mode 100755
index 0000000..9c6b2d1
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bg_message_cream-paper.png differ
diff --git a/procentric/application/theme/HIN00001/images/bg_message_detail.png b/procentric/application/theme/HIN00001/images/bg_message_detail.png
new file mode 100755
index 0000000..57bb59d
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bg_message_detail.png differ
diff --git a/procentric/application/theme/HIN00001/images/bg_tv_category.png b/procentric/application/theme/HIN00001/images/bg_tv_category.png
new file mode 100755
index 0000000..0d9a6ef
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bg_tv_category.png differ
diff --git a/procentric/application/theme/HIN00001/images/bg_weather_default.jpg b/procentric/application/theme/HIN00001/images/bg_weather_default.jpg
new file mode 100755
index 0000000..5b1e26f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bg_weather_default.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/bt_language_tab_focus.png b/procentric/application/theme/HIN00001/images/bt_language_tab_focus.png
new file mode 100755
index 0000000..b9835e8
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bt_language_tab_focus.png differ
diff --git a/procentric/application/theme/HIN00001/images/bt_language_tab_unfocus.png b/procentric/application/theme/HIN00001/images/bt_language_tab_unfocus.png
new file mode 100755
index 0000000..8e6bab8
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bt_language_tab_unfocus.png differ
diff --git a/procentric/application/theme/HIN00001/images/bt_language_tab_unfocus.xcf b/procentric/application/theme/HIN00001/images/bt_language_tab_unfocus.xcf
new file mode 100755
index 0000000..21d4547
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bt_language_tab_unfocus.xcf differ
diff --git a/procentric/application/theme/HIN00001/images/bt_skip_ch01.png b/procentric/application/theme/HIN00001/images/bt_skip_ch01.png
new file mode 100755
index 0000000..61f13b0
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bt_skip_ch01.png differ
diff --git a/procentric/application/theme/HIN00001/images/bt_skip_ch02.png b/procentric/application/theme/HIN00001/images/bt_skip_ch02.png
new file mode 100755
index 0000000..70bd423
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bt_skip_ch02.png differ
diff --git a/procentric/application/theme/HIN00001/images/bt_skip_en.png b/procentric/application/theme/HIN00001/images/bt_skip_en.png
new file mode 100755
index 0000000..fde457e
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bt_skip_en.png differ
diff --git a/procentric/application/theme/HIN00001/images/bt_skip_jp.png b/procentric/application/theme/HIN00001/images/bt_skip_jp.png
new file mode 100755
index 0000000..d3a7803
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bt_skip_jp.png differ
diff --git a/procentric/application/theme/HIN00001/images/bt_skip_ko.png b/procentric/application/theme/HIN00001/images/bt_skip_ko.png
new file mode 100755
index 0000000..96b2686
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/bt_skip_ko.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_focus-art.png b/procentric/application/theme/HIN00001/images/btn_mm_focus-art.png
new file mode 100755
index 0000000..b29472a
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_focus-art.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_focus-flight.png b/procentric/application/theme/HIN00001/images/btn_mm_focus-flight.png
new file mode 100755
index 0000000..777844b
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_focus-flight.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_focus-jeju.png b/procentric/application/theme/HIN00001/images/btn_mm_focus-jeju.png
new file mode 100755
index 0000000..be35462
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_focus-jeju.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_focus-mypage.png b/procentric/application/theme/HIN00001/images/btn_mm_focus-mypage.png
new file mode 100755
index 0000000..92a00ad
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_focus-mypage.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_focus-resort.png b/procentric/application/theme/HIN00001/images/btn_mm_focus-resort.png
new file mode 100755
index 0000000..3b9ac5e
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_focus-resort.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_focus-rewards.png b/procentric/application/theme/HIN00001/images/btn_mm_focus-rewards.png
new file mode 100755
index 0000000..2241d62
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_focus-rewards.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_focus-tv.png b/procentric/application/theme/HIN00001/images/btn_mm_focus-tv.png
new file mode 100755
index 0000000..bf53c19
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_focus-tv.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_focus-weather.png b/procentric/application/theme/HIN00001/images/btn_mm_focus-weather.png
new file mode 100755
index 0000000..7a36e65
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_focus-weather.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_focus.png b/procentric/application/theme/HIN00001/images/btn_mm_focus.png
new file mode 100755
index 0000000..7bc4b6b
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_focus.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_unfocus-art.png b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-art.png
new file mode 100755
index 0000000..f3419bb
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-art.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_unfocus-flight.png b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-flight.png
new file mode 100755
index 0000000..d2c8617
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-flight.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_unfocus-jeju.png b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-jeju.png
new file mode 100755
index 0000000..7b6cba6
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-jeju.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_unfocus-mypage.png b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-mypage.png
new file mode 100755
index 0000000..fe81103
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-mypage.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_unfocus-resort.png b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-resort.png
new file mode 100755
index 0000000..e6490ee
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-resort.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_unfocus-rewards.png b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-rewards.png
new file mode 100755
index 0000000..e645f09
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-rewards.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_unfocus-tv.png b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-tv.png
new file mode 100755
index 0000000..d59d62c
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-tv.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_unfocus-weather.png b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-weather.png
new file mode 100755
index 0000000..e659593
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_unfocus-weather.png differ
diff --git a/procentric/application/theme/HIN00001/images/btn_mm_unfocus.png b/procentric/application/theme/HIN00001/images/btn_mm_unfocus.png
new file mode 100755
index 0000000..a859e03
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/btn_mm_unfocus.png differ
diff --git a/procentric/application/theme/HIN00001/images/hoteltv_service_error.png b/procentric/application/theme/HIN00001/images/hoteltv_service_error.png
new file mode 100755
index 0000000..82a801f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/hoteltv_service_error.png differ
diff --git a/procentric/application/theme/HIN00001/images/hoteltv_service_preparing.png b/procentric/application/theme/HIN00001/images/hoteltv_service_preparing.png
new file mode 100755
index 0000000..6c86194
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/hoteltv_service_preparing.png differ
diff --git a/procentric/application/theme/HIN00001/images/hoteltv_service_preparing_joson.jpg b/procentric/application/theme/HIN00001/images/hoteltv_service_preparing_joson.jpg
new file mode 100755
index 0000000..6ebe713
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/hoteltv_service_preparing_joson.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/icon_brochure_next.png b/procentric/application/theme/HIN00001/images/icon_brochure_next.png
new file mode 100755
index 0000000..0710650
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icon_brochure_next.png differ
diff --git a/procentric/application/theme/HIN00001/images/icon_brochure_prev.png b/procentric/application/theme/HIN00001/images/icon_brochure_prev.png
new file mode 100755
index 0000000..af94688
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icon_brochure_prev.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_btn_back.png b/procentric/application/theme/HIN00001/images/icons/icon_btn_back.png
new file mode 100755
index 0000000..2995f72
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_btn_back.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_btn_media_play.png b/procentric/application/theme/HIN00001/images/icons/icon_btn_media_play.png
new file mode 100755
index 0000000..bde47a8
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_btn_media_play.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_btn_media_stop.png b/procentric/application/theme/HIN00001/images/icons/icon_btn_media_stop.png
new file mode 100755
index 0000000..f033e6f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_btn_media_stop.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_btn_movie_play.png b/procentric/application/theme/HIN00001/images/icons/icon_btn_movie_play.png
new file mode 100755
index 0000000..27b3524
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_btn_movie_play.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_contact_phone_48x48.png b/procentric/application/theme/HIN00001/images/icons/icon_contact_phone_48x48.png
new file mode 100755
index 0000000..ce0f5e0
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_contact_phone_48x48.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_contact_phone_96x96.png b/procentric/application/theme/HIN00001/images/icons/icon_contact_phone_96x96.png
new file mode 100755
index 0000000..28f7c8a
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_contact_phone_96x96.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_cotact_email_48x48.png b/procentric/application/theme/HIN00001/images/icons/icon_cotact_email_48x48.png
new file mode 100755
index 0000000..1e90f3a
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_cotact_email_48x48.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_cotact_email_96x96.png b/procentric/application/theme/HIN00001/images/icons/icon_cotact_email_96x96.png
new file mode 100755
index 0000000..de2d2c6
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_cotact_email_96x96.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_humidity.png b/procentric/application/theme/HIN00001/images/icons/icon_humidity.png
new file mode 100755
index 0000000..7fa4996
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_humidity.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_loading_256x256.png b/procentric/application/theme/HIN00001/images/icons/icon_loading_256x256.png
new file mode 100755
index 0000000..d28c5e4
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_loading_256x256.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_mypage_title.png b/procentric/application/theme/HIN00001/images/icons/icon_mypage_title.png
new file mode 100755
index 0000000..eb1a707
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_mypage_title.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_place_48x48.png b/procentric/application/theme/HIN00001/images/icons/icon_place_48x48.png
new file mode 100755
index 0000000..59bbe38
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_place_48x48.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_place_96x96.png b/procentric/application/theme/HIN00001/images/icons/icon_place_96x96.png
new file mode 100755
index 0000000..cd1b8f2
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_place_96x96.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_read_message_48x48.png b/procentric/application/theme/HIN00001/images/icons/icon_read_message_48x48.png
new file mode 100755
index 0000000..cd4e5a9
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_read_message_48x48.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_unread_message_48x48.png b/procentric/application/theme/HIN00001/images/icons/icon_unread_message_48x48.png
new file mode 100755
index 0000000..1e90f3a
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_unread_message_48x48.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_widjet_top_message_cnt.png b/procentric/application/theme/HIN00001/images/icons/icon_widjet_top_message_cnt.png
new file mode 100755
index 0000000..a03e357
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_widjet_top_message_cnt.png differ
diff --git a/procentric/application/theme/HIN00001/images/icons/icon_wind.png b/procentric/application/theme/HIN00001/images/icons/icon_wind.png
new file mode 100755
index 0000000..060f171
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/icons/icon_wind.png differ
diff --git a/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_chn.png b/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_chn.png
new file mode 100755
index 0000000..4293cc3
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_chn.png differ
diff --git a/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_eng.png b/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_eng.png
new file mode 100755
index 0000000..de30811
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_eng.png differ
diff --git a/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_hk.png b/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_hk.png
new file mode 100755
index 0000000..84b93dc
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_hk.png differ
diff --git a/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_jpn.png b/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_jpn.png
new file mode 100755
index 0000000..bbf2a89
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_jpn.png differ
diff --git a/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_kor.png b/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_kor.png
new file mode 100755
index 0000000..4e3cc9f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/language_screen_under_bar_note_text_kor.png differ
diff --git a/procentric/application/theme/HIN00001/images/msg_sample_portlate.png b/procentric/application/theme/HIN00001/images/msg_sample_portlate.png
new file mode 100755
index 0000000..e7abdcd
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/msg_sample_portlate.png differ
diff --git a/procentric/application/theme/HIN00001/images/wallpaper-1280x720-welcome1.jpg b/procentric/application/theme/HIN00001/images/wallpaper-1280x720-welcome1.jpg
new file mode 100755
index 0000000..6dc3e58
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/wallpaper-1280x720-welcome1.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/wallpaper-1280x720-welcome2.jpg b/procentric/application/theme/HIN00001/images/wallpaper-1280x720-welcome2.jpg
new file mode 100755
index 0000000..becba4e
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/wallpaper-1280x720-welcome2.jpg differ
diff --git a/procentric/application/theme/HIN00001/images/weather.zip b/procentric/application/theme/HIN00001/images/weather.zip
new file mode 100755
index 0000000..2485419
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather.zip differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_0.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_0.png
new file mode 100755
index 0000000..4898d9f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_0.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_1.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_1.png
new file mode 100755
index 0000000..4898d9f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_1.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_10.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_10.png
new file mode 100755
index 0000000..c9ea8b2
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_10.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_11.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_11.png
new file mode 100755
index 0000000..8ce1ee2
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_11.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_12.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_12.png
new file mode 100755
index 0000000..eb29cb0
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_12.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_13.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_13.png
new file mode 100755
index 0000000..cb9f5fd
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_13.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_14.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_14.png
new file mode 100755
index 0000000..5ccb24b
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_14.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_15.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_15.png
new file mode 100755
index 0000000..cf1f7a9
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_15.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_16.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_16.png
new file mode 100755
index 0000000..787435d
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_16.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_17.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_17.png
new file mode 100755
index 0000000..970b16c
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_17.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_18.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_18.png
new file mode 100755
index 0000000..a0b735f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_18.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_19.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_19.png
new file mode 100755
index 0000000..a6a658b
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_19.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_2.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_2.png
new file mode 100755
index 0000000..1ec2128
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_2.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_20.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_20.png
new file mode 100755
index 0000000..67a246f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_20.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_21.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_21.png
new file mode 100755
index 0000000..67a246f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_21.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_22.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_22.png
new file mode 100755
index 0000000..4ed1626
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_22.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_23.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_23.png
new file mode 100755
index 0000000..ea7dd17
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_23.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_24.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_24.png
new file mode 100755
index 0000000..ea7dd17
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_24.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_25.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_25.png
new file mode 100755
index 0000000..98e9be1
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_25.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_26.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_26.png
new file mode 100755
index 0000000..a4a8fc6
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_26.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_27.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_27.png
new file mode 100755
index 0000000..a6e0efe
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_27.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_28.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_28.png
new file mode 100755
index 0000000..31b4797
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_28.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_29.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_29.png
new file mode 100755
index 0000000..2f9ca97
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_29.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_3.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_3.png
new file mode 100755
index 0000000..bbf6f85
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_3.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_30.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_30.png
new file mode 100755
index 0000000..0a68e8a
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_30.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_31.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_31.png
new file mode 100755
index 0000000..57ec21a
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_31.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_32.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_32.png
new file mode 100755
index 0000000..b6aae46
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_32.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_33.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_33.png
new file mode 100755
index 0000000..57ec21a
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_33.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_34.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_34.png
new file mode 100755
index 0000000..e58b342
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_34.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_35.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_35.png
new file mode 100755
index 0000000..a19a541
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_35.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_36.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_36.png
new file mode 100755
index 0000000..ef60543
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_36.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_37.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_37.png
new file mode 100755
index 0000000..b632f41
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_37.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_38.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_38.png
new file mode 100755
index 0000000..13724f7
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_38.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_39.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_39.png
new file mode 100755
index 0000000..4e6adae
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_39.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_4.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_4.png
new file mode 100755
index 0000000..e170368
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_4.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_40.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_40.png
new file mode 100755
index 0000000..930f727
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_40.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_41.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_41.png
new file mode 100755
index 0000000..5c39733
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_41.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_42.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_42.png
new file mode 100755
index 0000000..627c121
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_42.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_43.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_43.png
new file mode 100755
index 0000000..f8299f2
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_43.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_44.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_44.png
new file mode 100755
index 0000000..0529f39
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_44.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_45.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_45.png
new file mode 100755
index 0000000..0f671c9
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_45.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_46.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_46.png
new file mode 100755
index 0000000..a7ca5d2
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_46.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_47.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_47.png
new file mode 100755
index 0000000..1704bd0
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_47.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_48.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_48.png
new file mode 100755
index 0000000..c225d3c
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_48.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_5.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_5.png
new file mode 100755
index 0000000..8d81cce
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_5.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_6.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_6.png
new file mode 100755
index 0000000..6a985d7
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_6.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_7.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_7.png
new file mode 100755
index 0000000..0c0547c
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_7.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_8.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_8.png
new file mode 100755
index 0000000..cf414dc
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_8.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_9.png b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_9.png
new file mode 100755
index 0000000..60c223d
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/top_bar_weather_icon_9.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_0.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_0.png
new file mode 100755
index 0000000..6358ebc
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_0.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_1.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_1.png
new file mode 100755
index 0000000..91aff19
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_1.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_10.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_10.png
new file mode 100755
index 0000000..67c5c0e
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_10.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_11.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_11.png
new file mode 100755
index 0000000..dc36ec3
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_11.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_12.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_12.png
new file mode 100755
index 0000000..8dfbfe2
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_12.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_13.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_13.png
new file mode 100755
index 0000000..2194a0f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_13.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_14.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_14.png
new file mode 100755
index 0000000..f96becf
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_14.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_15.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_15.png
new file mode 100755
index 0000000..bded7c6
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_15.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_16.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_16.png
new file mode 100755
index 0000000..957904c
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_16.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_17.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_17.png
new file mode 100755
index 0000000..46dc067
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_17.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_18.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_18.png
new file mode 100755
index 0000000..22f8d5f
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_18.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_19.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_19.png
new file mode 100755
index 0000000..14d14e3
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_19.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_2.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_2.png
new file mode 100755
index 0000000..dafa95a
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_2.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_20.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_20.png
new file mode 100755
index 0000000..fcf3f92
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_20.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_21.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_21.png
new file mode 100755
index 0000000..092008a
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_21.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_22.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_22.png
new file mode 100755
index 0000000..29b19c6
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_22.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_23.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_23.png
new file mode 100755
index 0000000..ccd3735
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_23.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_24.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_24.png
new file mode 100755
index 0000000..ccd3735
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_24.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_25.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_25.png
new file mode 100755
index 0000000..e14ac92
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_25.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_26.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_26.png
new file mode 100755
index 0000000..1021b74
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_26.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_27.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_27.png
new file mode 100755
index 0000000..e28017b
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_27.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_28.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_28.png
new file mode 100755
index 0000000..ff57adc
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_28.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_29.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_29.png
new file mode 100755
index 0000000..b41999b
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_29.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_3.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_3.png
new file mode 100755
index 0000000..f559b76
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_3.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_30.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_30.png
new file mode 100755
index 0000000..c059f92
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_30.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_31.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_31.png
new file mode 100755
index 0000000..80df177
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_31.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_32.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_32.png
new file mode 100755
index 0000000..a3a1c9b
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_32.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_33.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_33.png
new file mode 100755
index 0000000..80df177
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_33.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_34.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_34.png
new file mode 100755
index 0000000..a3a1c9b
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_34.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_35.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_35.png
new file mode 100755
index 0000000..8eb4a89
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_35.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_36.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_36.png
new file mode 100755
index 0000000..94c9590
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_36.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_37.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_37.png
new file mode 100755
index 0000000..a47a1ac
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_37.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_38.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_38.png
new file mode 100755
index 0000000..06cb09c
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_38.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_39.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_39.png
new file mode 100755
index 0000000..dc36ec3
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_39.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_4.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_4.png
new file mode 100755
index 0000000..9281f4b
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_4.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_40.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_40.png
new file mode 100755
index 0000000..8dfbfe2
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_40.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_41.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_41.png
new file mode 100755
index 0000000..f96becf
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_41.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_42.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_42.png
new file mode 100755
index 0000000..99a61c4
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_42.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_43.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_43.png
new file mode 100755
index 0000000..d12707b
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_43.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_44.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_44.png
new file mode 100755
index 0000000..03559f7
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_44.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_45.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_45.png
new file mode 100755
index 0000000..dc36ec3
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_45.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_46.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_46.png
new file mode 100755
index 0000000..99a61c4
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_46.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_47.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_47.png
new file mode 100755
index 0000000..06cb09c
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_47.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_5.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_5.png
new file mode 100755
index 0000000..99a61c4
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_5.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_6.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_6.png
new file mode 100755
index 0000000..68260d0
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_6.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_7.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_7.png
new file mode 100755
index 0000000..de433f3
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_7.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_8.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_8.png
new file mode 100755
index 0000000..1652aac
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_8.png differ
diff --git a/procentric/application/theme/HIN00001/images/weather/weather_icon_9.png b/procentric/application/theme/HIN00001/images/weather/weather_icon_9.png
new file mode 100755
index 0000000..668343a
Binary files /dev/null and b/procentric/application/theme/HIN00001/images/weather/weather_icon_9.png differ
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.css b/procentric/application/theme/HJS00001/hoteltv.app.full.css
new file mode 100755
index 0000000..d59e5de
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.css
@@ -0,0 +1,105 @@
+/* STEP[#001]: Define Main */
+
+.main {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    text-shadow: 0 0 10px rgba(38, 18, 18, 0.5), 0 0 10px rgba(65, 65, 65, 1);
+    z-index: 1;
+}
+
+.main ::-webkit-scrollbar {
+    display: none;
+}
+
+.control {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.control .mm .hotkey_red {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_green {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_yellow {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_blue {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+
+/* SETP[#003-4]: Player */
+
+.player {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.ctzgen.css b/procentric/application/theme/HJS00001/hoteltv.app.full.ctzgen.css
new file mode 100755
index 0000000..763fbfc
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.ctzgen.css
@@ -0,0 +1,291 @@
+.main .ctzgen {
+    position: absolute;
+    top: 2160px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-image: url(tv:);
+    display: none;
+}
+
+.main .ctzgen .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .ctzgen .bg .owl-dots {
+    position: absolute;
+    top: 980px;
+    width: 100%;
+    align-content: center;
+}
+
+
+/* .main .ctzgen .bg .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+} */
+
+.main .ctzgen .bg div#lst_ctzgenbg {
+    position: absolute;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: var(--bg_noplay);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: url(tv:);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay .item .ctz_desc_frame {
+    opacity: 1;
+    animation-delay: 6s;
+    animation-name: fadeOutCtzDescFrame;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes fadeOutCtzDescFrame {
+    0% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+
+/* OWL Contents Menu Selector Container */
+
+.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .ctzgen .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctzgen_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame {
+    position: absolute;
+    top: 130px;
+    left: 1280px;
+    width: 620px;
+    height: 830px;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.7);
+    padding: 0px 12px 0px 12px;
+    overflow: hidden;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_title {
+    position: absolute;
+    display: flex;
+    font-size: 44px;
+    /* line-height: 44px; */
+    line-height: 1;
+    height: 115px;
+    width: 100%;
+    padding: 10px;
+    white-space: pre-wrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    /* justify-content: center; */
+    align-items: center;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail {
+    margin: 120px 10px 40px 10px;
+    height: 220px;
+    /* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
+    /*    border: 4px solid rgb(255, 255, 255); */
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail img {
+    width: auto;
+    height: 212px;
+    overflow: hidden;
+    /* border: 2px solid rgb(40, 40, 40); */
+    border: 2px solid rgb(160, 160, 160);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_description {
+    position: absolute;
+    font-size: 26px;
+    width: 93%;
+    line-height: 1.2;
+    margin: 0 10px 0 10px;
+}
+
+
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_imgvwr_frame {
+    position: absolute;
+    top: 130px;
+    width: 1920px;
+    height: 830px;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 0px 12px 0px 12px;
+    overflow: hidden;
+}
+
+
+
+
+
+
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl {
+    position: absolute;
+    top: 970px;
+    left: 1700px;
+    height: 54px;
+    line-height: 54px;
+    color: rgb(235, 235, 235);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    white-space: nowrap;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
+    animation-delay: 4s;
+    animation-name: moveCtzMvCtrl;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes moveCtzMvCtrl {
+    from {
+        left: 1700px;
+    }
+    to {
+        left: 2220px
+    }
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
+    position: absolute;
+    content: '';
+    width: 128px;
+    height: 54px;
+    margin-left: -140px;
+    background-image: url("./images/icons/icon_btn_media_play.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
+    animation-name: iconCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes iconCtzMvCtrlBtn {
+    0% {
+        transform: rotateX(0deg);
+    }
+    50% {
+        transform: rotateX(90deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+    100% {
+        transform: rotateX(0deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
+    content: var(--playmsg);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
+    animation-delay: 1s;
+    animation-name: msgCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes msgCtzMvCtrlBtn {
+    0% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0;
+        content: var(--stopmsg);
+    }
+    50% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+    100% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+}
+
+.image-slider {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 480px;
+    height: 272px;
+}
+
+.main #imageGallery {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 480px;
+    height: 272px;
+    padding: 0px;
+    overflow: hidden;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.guide.css b/procentric/application/theme/HJS00001/hoteltv.app.full.guide.css
new file mode 100755
index 0000000..8baed52
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.guide.css
@@ -0,0 +1,26 @@
+/* Brocure */
+
+.guide {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+    z-index: 2;
+    display: block;
+}
+
+.guide>.tips {
+    position: absolute;
+    top: 1034px;
+    left: 0px;
+    width: 1920px;
+    height: 40px;
+    font-size: 32px;
+    text-align: center;
+    line-height: 40px;
+    background-color: rgba(19, 21, 23, 0.6);
+    color: rgb(255, 255, 255);
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.mm.css b/procentric/application/theme/HJS00001/hoteltv.app.full.mm.css
new file mode 100755
index 0000000..5fb9be5
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.mm.css
@@ -0,0 +1,137 @@
+/* STEP[#002]: Define MAIN-MENU BG FRAMES */
+
+.main .mm {
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+}
+
+.main .mm .bg {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mm .bg div {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mm .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mm .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+}
+
+
+/* STEP[#003]: Define MAIN-MENU SELECTOR FRAMES */
+
+.main .mm .slider {
+    position: absolute;
+    /* top: 734px; */
+    top: 884px;
+    left: 0px;
+    width: 1920px;
+    /* height: 300px; */
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mm .slider .owl-carousel.owl-theme {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 50px 0 0 0;
+}
+
+.main .mm .slider .owl-carousel.owl-theme .owl-carousel-outer {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#mm_item_title {
+    position: absolute;
+    /* top: 190px; */
+    top: 22px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    line-height: 52px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#mm_item_icon {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Main Menu Selector Container */
+
+.main .mm .slider .owl-dots {
+    position: absolute;
+    top: -45px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .mm .slider .owl-theme .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+    background: none;
+}
+
+.main .mm .slider .owl-theme .owl-dots .owl-dot.active span {
+    /* background: rgb(181, 218, 16); */
+    background: rgb(245, 245, 245);
+}
+
+
+/* .main .mm .slider .owl-carousel .owl-item.active.focus div {
+    transform: scale(1.14);
+} */
+
+.main .mm .slider .owl-carousel .owl-item.active.focus:after {
+    width: 336px;
+}
+
+.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+    width: 264px;
+}
+
+.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
+    transform: scale(1.1);
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.mm.flight.css b/procentric/application/theme/HJS00001/hoteltv.app.full.mm.flight.css
new file mode 100755
index 0000000..359d28f
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.mm.flight.css
@@ -0,0 +1,194 @@
+/* =============================
+   Main Menu Flight Format
+*/
+
+.main .mm .flight {
+    position: absolute;
+    top: 120px;
+    left: 0px;
+    width: 100%;
+    height: 620px;
+    max-height: 620px;
+    padding-left: 0;
+    margin: 0;
+    background-color: rgba(0, 0, 0, .5);
+    filter: drop-shadow(4px 4px 10px rgba(255, 255, 255, 0.8));
+    overflow: hidden;
+    z-index: 1;
+    display: none;
+}
+
+.main .mm .flight .departure {
+    width: 50%;
+    height: 100%;
+    position: absolute;
+}
+
+.main .mm .flight .arrival {
+    left: 52%;
+    width: 50%;
+    height: 100%;
+    position: absolute;
+}
+
+.main .mm .flight #title {
+    font-size: 40px;
+    color: rgb(235, 235, 235);
+    height: 46px;
+}
+
+.main .mm .flight .departure #title {
+    text-align:left;
+    margin-left:10px;
+}
+
+.main .mm .flight .arrival #title {
+    text-align:right;
+    margin-right:50px;
+}
+
+.main .mm .flight table {
+    position: absolute;
+    width: 940px;
+    height: 540px;
+    margin-left: 10px;
+    margin-right: 10px;
+    color: rgb(235, 235, 235);
+    text-align: center;
+    white-space: normal;
+    word-break: break-word;
+    border-collapse: collapse;
+    display: block;
+    overflow: auto;
+}
+
+.main .mm .flight #border_table_bottom {
+    position:absolute;
+    top:560px;
+    margin-left:10px;
+    width:900px;
+    height:20px;
+    background-color: rgba(0,0,0,0.4);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+.main .mm .flight #caution {
+    top: 590px;
+    width: 99%;
+    height:50px;
+    text-align: right;
+    color:rgb(180,180,190);
+    position: absolute;
+}
+
+
+/* .main .mm .flight table::-webkit-scrollbar {
+    display: none;
+} */
+
+.main .mm .flight table tbody#record {
+    position: absolute;
+    width: 100%;
+    height: 460px;
+    top: 52px;
+    overflow-y: scroll;
+}
+
+.main .mm .flight .tbl_header tr {
+    height: 50px;
+    max-height: 50px;
+}
+
+.main .mm .flight table #airline {
+    width: 118px;
+    max-width: 120px;
+}
+
+.main .mm .flight table #flight {
+    width: 70px;
+    max-width: 70px;
+}
+
+.main .mm .flight table #scheduled {
+    width: 128px;
+    max-width: 130px;
+}
+
+.main .mm .flight table #origin {
+    width: 88px;
+    max-width: 90px;
+}
+
+.main .mm .flight table #destination {
+    width: 122px;
+    max-width: 124px;
+}
+
+.main .mm .flight table #type {
+    width: 148px;
+    max-width: 150px;
+}
+
+.main .mm .flight table #gate {
+    width: 58px;
+    max-width: 60px;
+}
+
+.main .mm .flight table td#status {
+    width: 168px;
+    max-width: 169px;
+}
+
+.main .mm .flight table th#airline {
+    border-top-left-radius: 10px;
+}
+
+.main .mm .flight table th#status {
+    width: 168px;
+    max-width: 169px;
+    border-top-right-radius: 10px;
+}
+
+.main .mm .flight table th {
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    background: rgba(0, 0, 0, 0.4);
+}
+
+.main .mm .flight table td {
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    background: rgba(0, 0, 0, 0.2);
+}
+
+.main .mm .flight ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.main .mm .flight ::-webkit-scrollbar-track {
+    background-color: lightblue;
+}
+
+.main .mm .flight ::-webkit-scrollbar-track-piece {
+    background-color: gray;
+}
+
+.main .mm .flight ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+.main .mm .flight ::-webkit-scrollbar-button:start {
+    background-color: orange;
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.main .mm .flight ::-webkit-scrollbar-button:end {
+    background-color: orange;
+    /* Bottom, Right 방향의 이동버튼 */
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.mm.weather.css b/procentric/application/theme/HJS00001/hoteltv.app.full.mm.weather.css
new file mode 100755
index 0000000..c446008
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.mm.weather.css
@@ -0,0 +1,186 @@
+/* =============================
+   Main Menu Weather Format 
+*/
+
+.main .mm .weather {
+    position: absolute;
+    top: 200px;
+    left: 0px;
+    width: 100%;
+    height: 400px;
+    max-height: 400px;
+    padding-left: 0;
+    margin: 0;
+    background-color: rgba(235, 235, 235, .5);
+    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.8));
+    z-index: 1;
+    display: none;
+}
+
+.main .mm .weather .location {
+    position: absolute;
+    top: 40px;
+    left: 100px;
+    font-size: 50px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    z-index: 1;
+    display: block;
+}
+
+.main .mm .weather .today {
+    position: absolute;
+    top: 0px;
+    left: 100px;
+    width: 320px;
+    height: 100%;
+}
+
+.main .mm .weather .today #temp_cur {
+    position: relative;
+    top: 110px;
+    font-size: 160px;
+    text-align: center;
+    color: rgb(21, 126, 251);
+}
+
+.main .mm .weather .today #temp_minmax {
+    position: relative;
+    top: 120px;
+    font-size: 50px;
+    text-align: right;
+    color: rgb(235, 235, 235);
+    display: block;
+}
+
+.main .mm .weather .today .detail {
+    position: absolute;
+    top: 40px;
+    left: 400px;
+    width: 400px;
+    height: 360px;
+    color: rgb(235, 235, 235);
+    overflow: hidden;
+    display: block;
+}
+
+.main .mm .weather .today .detail #discription {
+    height: 50px;
+    font-size: 40px;
+    text-align: center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #img_status {
+    height: 160px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #humidity {
+    width: 100%;
+    padding: 20px;
+    height: 40px;
+    text-align: center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #wind {
+    width: 100%;
+    height: 40px;
+    text-align: center;
+    display: block;
+    margin-top: 24px;
+}
+
+.main .mm .weather .today .detail #icon {
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+}
+
+.main .mm .weather .forcast .daily {
+    position: absolute;
+    top: 10px;
+    left: 1000px;
+    width: 910px;
+    height: 180px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    padding: 5px 0 0 10px;
+    color: rgb(235, 235, 235);
+}
+
+.main .mm .weather .forcast .daily ul {
+    width: 95%;
+    height: 100px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast .daily li {
+    width: 150px;
+    height: 90px;
+    font-size: 24px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: right center;
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+    float: left;
+    display: inline;
+    margin: 0 10px 0 10px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast div#time {
+    height: 90%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
+
+.main .mm .weather .forcast div#temp {
+    margin-top: 8px;
+    height: 30%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
+
+.main .mm .weather .forcast .weekly {
+    position: absolute;
+    top: 200px;
+    left: 1000px;
+    width: 910px;
+    height: 190px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+    padding: 0 0 0 10px;
+    color: rgb(235, 235, 235);
+}
+
+.main .mm .weather .forcast .weekly ul {
+    width: 95%;
+    height: 100px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast .weekly li {
+    width: 150px;
+    height: 90px;
+    font-size: 24px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: right center;
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+    float: left;
+    display: inline;
+    margin: 0 10px 0 10px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast div#date {
+    height: 90%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.mypage.css b/procentric/application/theme/HJS00001/hoteltv.app.full.mypage.css
new file mode 100755
index 0000000..97d6447
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.mypage.css
@@ -0,0 +1,518 @@
+.main .mypage {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .mypage .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .mypage .bg div#lst_mypagebg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: var(--bg_noplay);
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
+    width: 100%;
+    height: 100%;
+    background-image: url(tv:);
+}
+
+.main .mypage .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .mypage .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mypage .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#mp_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    font-size: 2.2vw;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#mp_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+div#lst_mypagebg div #mp_accomo_title {
+    position: absolute;
+    top: 165px;
+    left: 224px;
+    width: 1536px;
+    height: 42px;
+    line-height: 42px;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+}
+
+div#lst_mypagebg div #mp_accomo_title::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 40px;
+    margin-left: -62px;
+    background-image: url("./images/icons/icon_mypage_title.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_accomo_infowin {
+    position: absolute;
+    top: 230px;
+    left: 160px;
+    width: 1600px;
+    height: 600px;
+    padding: 30px 10px 10px 10px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(28, 28, 28);
+    background-color: rgba(0, 0, 0, 0.5);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item {
+    font-size: 32px;
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #header {
+    width: 20%;
+    height: 50px;
+    text-align: right;
+    display: inline-block;
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #value {
+    width: 80%;
+    margin-left: 50px;
+}
+
+div#lst_mypagebg div #mp_hotel_infowin {
+    position: absolute;
+    top: 664px;
+    left: 190px;
+    width: 1540px;
+    height: 132px;
+    background-color: rgba(84, 84, 84, 0.9);
+    padding: 10px 11px 10px 11px;
+    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item {
+    width: 506px;
+    height: 100%;
+    display: inline-block;
+    padding: 5px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    text-shadow: 0 0 3px rgba(0, 0, 0, 1);
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #title {
+    display: block;
+    font-size: 26px;
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address {
+    position: absolute;
+    width: 470px;
+    top: 60px;
+    margin-left: 26px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -32px;
+    background-image: url("./images/icons/icon_place_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email {
+    position: absolute;
+    width: 470px;
+    top: 60px;
+    margin-left: 32px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -36px;
+    background-image: url("./images/icons/icon_cotact_email_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone {
+    position: absolute;
+    width: 470px;
+    top: 90px;
+    margin-left: 32px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -36px;
+    background-image: url("./images/icons/icon_contact_phone_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_message_title {
+    position: absolute;
+    top: 165px;
+    left: 224px;
+    width: 1536px;
+    height: 42px;
+    line-height: 42px;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+}
+
+div#lst_mypagebg div #mp_message_title::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 40px;
+    margin-left: -62px;
+    background-image: url("./images/icons/icon_cotact_email_96x96.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_message_table {
+    position: absolute;
+    top: 230px;
+    left: 160px;
+    width: 1600px;
+    height: 600px;
+    padding: 10px 10px 10px 32px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(28, 28, 28);
+    background-color: rgba(0, 0, 0, 0.5);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr {
+    position: absolute;
+    width: 1580px;
+    font-size: 36px;
+    line-height: 74px;
+    display: block;
+    border-collapse: collapse;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr {
+    text-align: center;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr th {
+    border-bottom: 5px solid rgb(94, 94, 94, 1);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#num {
+    width: 160px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#title {
+    width: 780px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#from {
+    width: 300px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#date {
+    width: 280px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec {
+    position: absolute;
+    top: 90px;
+    width: 1580px;
+    height: 478px;
+    font-size: 32px;
+    overflow: auto;
+    display: block;
+    border-collapse: separate;
+    border-spacing: 0 16px;
+    text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 1);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tbody {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow-y: scroll;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr {
+    line-height: 52px;
+    text-align: center;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr.focus {
+    background-color: rgba(127, 127, 127, 0.9);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr td {}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num {
+    width: 160px;
+    padding-left: 90px;
+    text-align: left;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num::before {
+    position: absolute;
+    content: '';
+    background-image: url(./images/icons/icon_unread_message_48x48.png);
+    margin-top: 6px;
+    width: 42px;
+    height: 38px;
+    margin-left: -64px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    filter: drop-shadow(0 0 4px rgb(0, 0, 0));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num.read::before {
+    position: absolute;
+    content: '';
+    background-image: url(./images/icons/icon_read_message_48x48.png);
+    margin-top: 6px;
+    width: 42px;
+    height: 38px;
+    margin-left: -64px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    filter: drop-shadow(0 0 4px rgb(0, 0, 0));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#title {
+    width: 780px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#from {
+    width: 300px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#date {
+    width: 280px;
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .mypage .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mp_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .mypage .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+
+
+
+/**********************************************************************
+ * Replay Welcome movie
+ **********************************************************************/
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl {
+    position: absolute;
+    top: 820px;
+    left: 1700px;
+    height: 54px;
+    line-height: 54px;
+    color: rgb(235, 235, 235);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    white-space: nowrap;
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
+    animation-delay: 4s;
+    animation-name: moveMypageMvCtrl;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes moveMypageMvCtrl {
+    from {
+        left: 1700px;
+    }
+    to {
+        left: 2220px
+    }
+}
+
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
+    position: absolute;
+    content: '';
+    width: 128px;
+    height: 54px;
+    margin-left: -140px;
+    background-image: url("./images/icons/icon_btn_media_play.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
+    animation-name: iconCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes iconCtzMvCtrlBtn {
+    0% {
+        transform: rotateX(0deg);
+    }
+    50% {
+        transform: rotateX(90deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+    100% {
+        transform: rotateX(0deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+}
+
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
+    content: var(--playmsg);
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
+    animation-delay: 1s;
+    animation-name: msgMypageMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes msgMypageMvCtrlBtn {
+    0% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0;
+        content: var(--stopmsg);
+    }
+    50% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+    100% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.news.css b/procentric/application/theme/HJS00001/hoteltv.app.full.news.css
new file mode 100755
index 0000000..64080c7
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.news.css
@@ -0,0 +1,43 @@
+/* 뉴스 */
+
+.news {
+    position: absolute;
+    top: 1044px;
+    left: 0;
+    width: 100%;
+    height: 36px;
+    background-color: rgba(19, 21, 23, 0.6);
+    filter: drop-shadow(0 -10px 5px rgba(0, 0, 0, 0.5));
+    display: none;
+    z-index: 1;
+}
+
+.news>.title {
+    position: absolute;
+    width: 160px;
+    color: rgb(235, 235, 235);
+    font-size: 32px;
+    line-height: 32px;
+    text-align: center;
+    border: solid rgba(0, 0, 0, 0.5);
+    margin: 0 20px 0 20px;
+    background-color: rgba(128, 128, 128, 0.3);
+}
+
+.news>.newsctz {
+    padding: 0;
+    margin: 8px 0 0 200px;
+    color: rgb(165, 175, 185);
+}
+
+.news>.newsctz #hoteltv-news-ticker li {
+    font-size: 26px;
+    line-height: 24px;
+}
+
+.news>.newsctz #hoteltv-news-ticker li img {
+    height: 34px;
+    vertical-align: top;
+    /* padding: 3px 10px 10px 0; */
+    object-fit: cover;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css b/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css
new file mode 100755
index 0000000..dcc5858
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css
@@ -0,0 +1,2111 @@
+/* Font */
+
+@font-face {
+    font-family: Parisienne;
+    src: url(./fonts/Parisienne/Parisienne-Regular.ttf);
+}
+
+@font-face {
+    font-family: Nanum Pen Script;
+    src: url(./fonts/Nanum_Pen_Script/NanumPenScript-Regular.ttf);
+}
+
+@font-face {
+    font-family: Ma Shan Zheng;
+    src: url(./fonts/Ma_Shan_Zheng/MaShanZheng-Regular.ttf);
+}
+
+
+/* POPUP */
+
+.popup {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    display: block;
+    z-index: 1;
+}
+
+
+/* Hotkey(red) */
+
+.popup .hotkey_mm_red {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .hotkey_mm_red div#lst_hotkey_mm_red {
+    position: absolute;
+    /*
+    width: 1464px;
+    height: 1007px;
+    margin: 36px 226px 36px 226px;
+    */
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border-style: solid;
+    border-color: rgb(160, 160, 160);
+    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_red .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_red .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_red .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_red div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_red .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_red .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_red .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_red .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_red .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_red .owl-dots {
+    position: absolute;
+    top: 1000px;
+    width: 100%;
+    align-content: center;
+}
+
+.popup .hotkey_mm_red .owl-dots .owl-dot span {
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
+}
+
+
+/* Hotkey(green) */
+
+.popup .hotkey_mm_green {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .hotkey_mm_green div#lst_hotkey_mm_green {
+    position: absolute;
+    /*
+    width: 1464px;
+    height: 1007px;
+    margin: 36px 226px 36px 226px;
+    */
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border-style: solid;
+    border-color: rgb(160, 160, 160);
+    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_green .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_green .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_green .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_green div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_green .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_green .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_green .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_green .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_green .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_green .owl-dots {
+    position: absolute;
+    top: 1000px;
+    width: 100%;
+    align-content: center;
+}
+
+.popup .hotkey_mm_green .owl-dots .owl-dot span {
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
+}
+
+
+/* Hotkey(blue) */
+
+.popup .hotkey_mm_blue {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .hotkey_mm_blue div#lst_hotkey_mm_blue {
+    position: absolute;
+    /*
+    width: 1464px;
+    height: 1007px;
+    margin: 36px 226px 36px 226px;
+    */
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border-style: solid;
+    border-color: rgb(160, 160, 160);
+    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_blue .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_blue .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_blue .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_blue .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_blue .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_blue .owl-dots {
+    position: absolute;
+    top: 1000px;
+    width: 100%;
+    align-content: center;
+}
+
+.popup .hotkey_mm_blue .owl-dots .owl-dot span {
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
+}
+
+
+/* Hotkey(yellow) */
+
+.popup .hotkey_mm_yellow {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .hotkey_mm_yellow div#lst_hotkey_mm_yellow {
+    position: absolute;
+    /*
+    width: 1464px;
+    height: 1007px;
+    margin: 36px 226px 36px 226px;
+    */
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border-style: solid;
+    border-color: rgb(160, 160, 160);
+    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_yellow .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_yellow .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_yellow .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_yellow .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_yellow .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_yellow .owl-dots {
+    position: absolute;
+    top: 1000px;
+    width: 100%;
+    align-content: center;
+}
+
+.popup .hotkey_mm_yellow .owl-dots .owl-dot span {
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
+}
+
+
+
+/***********************
+ * Amenity Style  *
+ ***********************/
+
+ .popup .amenity {
+    position: absolute;
+    top: 96px;
+    left: -560px;
+    width: 1302px;
+    height: 700px;
+    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 .menu>#title {
+    /* width: 466px; */
+    height: 45px;
+    line-height: 36px;
+    overflow: hidden;
+    font-size: 38px;
+    text-align: left;
+    margin: 10px 20px 5px 20px;
+}
+
+.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 .menu>#items {
+    height: 282px;
+    overflow-y: hidden;
+    overflow-x: hidden;
+    margin: 5px 22px 5px 22px;
+}
+
+.popup .amenity .menu>#items 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 {
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    margin: 5px 0 15px 0;
+}
+
+.popup .amenity .cart-list>#items>.tbl_header tbody tr {
+    height: 54px;
+    max-height: 54px;
+    background-color: rgb(51, 63, 80);
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .amenity .cart-list>#items>.tbl_header tbody tr>#type {
+    width: 50%;
+    float: left;
+    text-align: left;
+    padding: 0 0px 0 80px;
+}
+
+.popup .amenity .cart-list>#items>.tbl_header tbody tr>#quantity {
+    width: 20%;
+    float: left;
+}
+
+.popup .amenity .cart-list>#items>.tbl_header tbody tr>#amount {
+    width: 30%;
+    float: left;
+    padding: 0px 30px 0 0px;
+}
+
+.popup .amenity .cart-list>#items>.tbl_record {
+    /* height: 284px;*/
+}
+
+.popup .amenity .cart-list>#items>.tbl_record tbody {
+    height: 276px;
+    display: block;
+    /* overflow: hidden; */
+    overflow-y: auto;
+}
+
+.popup .amenity .cart-list>#items>.tbl_record tbody tr {
+    height: 52px;
+}
+
+.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 {
+    height: 52px;
+    width: 754px;
+    font-size: 30px;
+    line-height: 54px;
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#title {
+    width: 50%;
+    float: left;
+    padding: 0px 0px 0px 20px;
+}
+
+.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#quantity {
+    width: 20%;
+    float: left;
+    text-align: center;
+}
+
+.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#price {
+    width: 30%;
+    float: left;
+    text-align: right;
+    padding: 0px 30px 0 0px;
+}
+
+.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-track {
+    background-color: rgb(67, 82, 105);
+}
+
+.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-track-piece {
+    background-color: rgb(80, 98, 124);
+}
+
+.popup .amenity .cart-list>#items>.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 {
+    display: none;
+    /* background-color: orange; */
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .amenity .cart-list>#items>.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 {
+    position: absolute;
+    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;
+    line-height: 52px;
+    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;
+}
+
+
+/***********************
+ * Room Service Style  *
+ ***********************/
+
+.popup .roomservice {
+    position: absolute;
+    top: 96px;
+    left: -560px;
+    width: 1302px;
+    height: 700px;
+    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 .roomservice .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 .roomservice .menu>#title {
+    /* width: 466px; */
+    height: 45px;
+    line-height: 36px;
+    overflow: hidden;
+    font-size: 38px;
+    text-align: left;
+    margin: 10px 20px 5px 20px;
+}
+
+.popup .roomservice .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 .roomservice .menu>#items {
+    height: 282px;
+    overflow-y: hidden;
+    overflow-x: hidden;
+    margin: 5px 22px 5px 22px;
+}
+
+.popup .roomservice .menu>#items table {
+    width: 100%;
+    margin: 0px 10px 0 0px;
+    border-collapse: collapse;
+}
+
+.popup .roomservice .menu>#items>.tbl_header {
+    height: 34px;
+    max-height: 34px;
+    line-height: 32px;
+    font-size: 30px;
+    text-align: center;
+    margin: 5px 0 25px 0;
+}
+
+.popup .roomservice .menu>#items>.tbl_header tbody tr {
+    width: 100%;
+}
+
+.popup .roomservice .menu>#items>.tbl_header tbody tr>#type {
+    width: 70%;
+    float: left;
+}
+
+.popup .roomservice .menu>#items>.tbl_header tbody tr>#quantity {
+    width: 30%;
+    float: left;
+}
+
+.popup .roomservice .menu>#items>.tbl_record {
+    height: 210px;
+}
+
+.popup .roomservice .menu>#items>.tbl_record tbody {
+    height: 210px;
+    display: block;
+    overflow: hidden;
+}
+
+.popup .roomservice .menu>#items>.tbl_record tbody tr {
+    height: 70px;
+    max-height: 70px;
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .roomservice .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 .roomservice .menu>#items>.tbl_record tbody tr>.products {
+    height: 70px;
+}
+
+.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#index {
+    font-size: 22px;
+    line-height: 24px;
+    width: 10%;
+    float: left;
+    text-align: center;
+}
+
+.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#title {
+    font-size: 22px;
+    line-height: 24px;
+    width: 90%;
+    float: left;
+}
+
+.popup .roomservice .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 .roomservice .menu>#items>.tbl_record tbody tr>.products>#quantity {
+    font-size: 36px;
+    line-height: 36px;
+    width: 30%;
+    float: left;
+    text-align: center;
+}
+
+.popup .roomservice .menu>#summary {
+    height: 70px;
+    font-size: 38px;
+    line-height: 64px;
+    margin: 15px 22px 5px 22px;
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .roomservice .menu>#summary>#title {
+    width: 22%;
+    float: left;
+    text-align: center;
+    /* padding: 0% 5% 0 20%; */
+}
+
+.popup .roomservice .menu>#summary>#value {
+    width: 48%;
+    float: left;
+    text-align: right;
+    color: rgb(255, 192, 0);
+    padding: 0px 55px 0px 0px;
+}
+
+.popup .roomservice .menu>#summary>#quantity {
+    width: 30%;
+    float: left;
+    text-align: center;
+    color: rgb(255, 192, 0);
+}
+
+.popup .roomservice .menu>div#buttons {
+    height: 145px;
+    font-size: 30px;
+    text-align: center;
+    color: rgba(255, 255, 255, 1.0);
+    margin: 15px 22px 5px 22px;
+}
+
+.popup .roomservice .menu>div#buttons div {
+    height: 38px;
+    border: 1px solid rgb(90, 90, 90);
+}
+
+.popup .roomservice .menu>div#buttons .active {
+    border: 1px solid rgb(255, 192, 0);
+    background-color: rgba(34, 42, 53, 1.0);
+}
+
+.popup .roomservice .menu>div#buttons #order {
+    width: 100%;
+    background-color: rgba(34, 42, 53, 1.0);
+    /* border-radius: 5px; */
+}
+
+.popup .roomservice .menu>div#buttons #cancel {
+    width: 100%;
+    /* border-radius: 5px; */
+}
+
+.popup .roomservice .menu>div#buttons #details {
+    width: 100%;
+    /* border-radius: 5px; */
+}
+
+
+/* ROOM SERVICE -> ITEM Description */
+
+.popup .roomservice .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 .roomservice .description>#title {
+    width: 100%;
+    height: 64px;
+    line-height: 38px;
+    overflow: hidden;
+    font-size: 36px;
+    padding: 10px 10px 5px 10px;
+}
+
+.popup .roomservice .description>#comment {
+    width: 100%;
+    height: 89px;
+    line-height: 24px;
+    overflow: hidden;
+    font-size: 22px;
+    padding: 5px 10px 5px 15px;
+    white-space: pre-line;
+}
+
+.popup .roomservice .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 .roomservice>.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 .roomservice>.cart-list>#title {
+    height: 45px;
+    line-height: 36px;
+    overflow: hidden;
+    font-size: 38px;
+    text-align: left;
+    margin: 10px 20px 5px 20px;
+}
+
+.popup .roomservice>.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 .roomservice .cart-list>#items {
+    /* height: 352px; */
+    /* overflow-y: auto; */
+    /* overflow-y: hidden;
+    overflow-x: hidden; */
+    margin: 5px 22px 5px 22px;
+}
+
+.popup .roomservice .cart-list>#items table {
+    width: 100%;
+    margin: 0px 10px 0 0px;
+    border-collapse: collapse;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_header {
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    margin: 5px 0 15px 0;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_header tbody tr {
+    height: 54px;
+    max-height: 54px;
+    background-color: rgb(51, 63, 80);
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#type {
+    width: 50%;
+    float: left;
+    text-align: left;
+    padding: 0 0px 0 80px;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#quantity {
+    width: 20%;
+    float: left;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#amount {
+    width: 30%;
+    float: left;
+    padding: 0px 30px 0 0px;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record {
+    /* height: 284px;*/
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record tbody {
+    height: 276px;
+    display: block;
+    /* overflow: hidden; */
+    overflow-y: auto;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record tbody tr {
+    height: 52px;
+}
+
+.popup .roomservice .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 .roomservice .cart-list>#items>.tbl_record tbody tr>.products {
+    height: 52px;
+    width: 754px;
+    font-size: 30px;
+    line-height: 54px;
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#title {
+    width: 50%;
+    float: left;
+    padding: 0px 0px 0px 20px;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#quantity {
+    width: 20%;
+    float: left;
+    text-align: center;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#price {
+    width: 30%;
+    float: left;
+    text-align: right;
+    padding: 0px 30px 0 0px;
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-track {
+    background-color: rgb(67, 82, 105);
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-track-piece {
+    background-color: rgb(80, 98, 124);
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgb(51, 63, 80);
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:start {
+    display: none;
+    /* background-color: orange; */
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:end {
+    display: none;
+    /* background-color: orange; */
+    /* Bottom, Right 방향의 이동버튼 */
+}
+
+.popup .roomservice .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 .roomservice .cart-list>#summary>#title {
+    width: 30%;
+    float: left;
+    text-align: center;
+    /* padding: 0% 5% 0 20%;*/
+}
+
+.popup .roomservice .cart-list>#summary>#quantity {
+    width: 40%;
+    float: left;
+    text-align: center;
+    padding: 0 0 0 142px;
+    color: rgb(255, 192, 0);
+}
+
+.popup .roomservice .cart-list>#summary>#amount {
+    width: 30%;
+    float: left;
+    text-align: right;
+    color: rgb(255, 192, 0);
+    padding: 0px 30px 0px 0px;
+}
+
+.popup .roomservice .cart-list>#notice {
+    font-size: 22px;
+    line-height: 24px;
+    margin: 10px 22px 5px 22px;
+    text-align: center;
+}
+
+.popup .roomservice .cart-list>div#buttons {
+    font-size: 38px;
+    text-align: center;
+    color: rgba(255, 255, 255, 1.0);
+    margin: 15px 22px 5px 22px;
+}
+
+.popup .roomservice .cart-list>div#buttons>div {
+    height: 38px;
+    float: left;
+    width: 50%;
+}
+
+.popup .roomservice .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 .roomservice .cart-list>div#buttons .active {
+    border: 1px solid rgb(255, 192, 0);
+    background-color: rgba(34, 42, 53, 1.0);
+}
+
+.popup .roomservice .cart-list>div#buttons #confirm {
+    width: 50%;
+}
+
+.popup .roomservice .cart-list>div#buttons #cancel {
+    width: 50%;
+}
+
+
+/* ROOM SERVICE -> ORDER Details */
+
+.popup .roomservice .order-details {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: rgb(36, 44, 56);
+    /* display: block; */
+    display: inline-block;
+    color: rgb(255, 255, 255);
+}
+
+.popup .roomservice .order-details>#title {
+    /* width: 466px; */
+    height: 45px;
+    line-height: 36px;
+    overflow: hidden;
+    font-size: 38px;
+    text-align: left;
+    margin: 10px 20px 5px 30px;
+}
+
+.popup .roomservice .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 .roomservice .order-details>#orders {
+    height: 470px;
+    overflow-y: hidden;
+    overflow-x: hidden;
+    margin: 5px 30px 5px 30px;
+}
+
+.popup .roomservice .order-details>#orders>table {
+    border-collapse: collapse;
+}
+
+.popup .roomservice .order-details>#orders>.order_list {
+    width: 100%;
+    height: 485px;
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody {
+    height: 210px;
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr {
+    height: 70px;
+    max-height: 70px;
+    border: 1px solid rgb(67, 82, 105);
+}
+
+.popup .roomservice .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 .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering {
+    height: 44px;
+    max-height: 44px;
+    background-color: rgb(51, 63, 80);
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>div {
+    padding: 0px 0px 5px 0px;
+}
+
+.popup .roomservice .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 .roomservice .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 .roomservice .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 .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst {
+    width: 100%;
+    float: left;
+    background-color: rgb(51, 63, 80);
+    margin: 0px 0px 5px 0px;
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header {
+    width: 100%;
+    font-size: 36px;
+    line-height: 36px;
+    border-collapse: collapse;
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header>tbody {
+    /* */
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header tr {
+    font-size: 30px;
+}
+
+.popup .roomservice .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 .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #quantity {
+    width: 10%;
+    font-size: 25px;
+}
+
+.popup .roomservice .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 .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal1 {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal2 {
+    color: rgb(255, 192, 0);
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal3 {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal4 {
+    color: rgb(255, 192, 0);
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal5 {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record {
+    width: 100%;
+    font-size: 36px;
+    line-height: 36px;
+    border-collapse: collapse;
+}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record>tbody {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem {}
+
+.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div {
+    float: left;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.popup .roomservice .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 .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#quantity {
+    width: 10%;
+    text-align: center;
+}
+
+.popup .roomservice .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 .roomservice .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 .roomservice .order-details>#summary>div {
+    float: left;
+}
+
+.popup .roomservice .order-details>#summary>#title {
+    width: 40%;
+    padding: 0px 0px 0px 90px;
+    text-align: left;
+}
+
+.popup .roomservice .order-details>#summary>#quantity {
+    width: 10%;
+    text-align: center;
+    color: rgb(255, 192, 0);
+}
+
+.popup .roomservice .order-details>#summary>#amount {
+    width: 20%;
+    text-align: right;
+    padding: 0px 20px 0px 0px;
+    color: rgb(255, 192, 0);
+}
+
+
+/* ROOM SERVICE -> ALRET */
+
+.popup .roomservice .alert {
+    position: absolute;
+    top: 197px;
+    left: 340px;
+    width: 600px;
+    height: 325px;
+    color: rgb(255, 255, 255);
+}
+
+.popup .roomservice .alert>div#order-complete {
+    width: 100%;
+    height: 100%;
+    background-color: rgb(36, 44, 56);
+    border: 1px solid rgb(255, 255, 255);
+}
+
+.popup .roomservice .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;
+    line-height: 52px;
+    text-align: center;
+}
+
+.popup .roomservice .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;
+}
+
+
+/***********************
+ * MY PAGE Style       *
+ ***********************/
+
+.popup>.mypage {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+
+.popup>.mypage.fade {
+    animation-delay: 1s;
+    animation-name: popup_mypage_fade;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 3s;
+    background-color:rgba(10, 10, 10, 0);
+}
+
+@keyframes popup_mypage_fade {
+    from {background-color:rgba(10, 10, 10, 0);}
+    to {background-color:rgba(10, 10, 10, 0.7);}
+}
+
+
+.popup>.mypage>.message {
+    position: absolute;
+    top: 13%;
+    left: 6%;
+    width: 88%;
+    height: 80%;
+    background-color: rgb(64, 64, 64);
+    /* background-image: url(./images/bg_message_cream-paper.png); */
+    /* box-shadow: 2px 3px 20px black, 0 0 200px rgb(16, 16, 16) inset; */
+    box-shadow: 0 0px 60px rgba(0, 0, 0, 0.65);
+    overflow: hidden;
+    display: none;
+}
+
+.popup>.mypage>.message>#hotel_logo {
+    position: absolute;
+}
+
+.popup>.mypage>.message>#title {
+    max-height: 200px;
+    line-height: 200px;
+    color: rgb(255, 255, 255);
+    font-size: 48px;
+    text-align: center;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1)
+}
+
+.popup>.mypage>.message>#msg_ctz {
+    position: absolute;
+    top: 200px;
+    width: 100%;
+    height: 600px;
+    font-size: 28px;
+    line-height: 40px;
+    padding: 0px 20px 0px 20px;
+    color: rgb(235, 235, 235);
+    text-align: center;
+    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
+}
+
+.popup>.mypage>.message>#btn_back {
+    position: absolute;
+    top: 820px;
+    left: 1542px;
+    width: 140px;
+    height: 36px;
+    line-height: 38px;
+    font-size: 28px;
+    font-family: LG Display-Regular;
+    color: rgb(255, 255, 255);
+    text-shadow: 3px 3px 15px rgba(0, 0, 0, 1);
+    background-color: rgba(0, 0, 0, 0.4);
+    padding-left: 50px;
+    border-radius: 5px;
+    text-align: center;
+    filter: drop-shadow(2px 2px 4px black);
+}
+
+.popup>.mypage>.message>#btn_back::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 34px;
+    margin-left: -62px;
+    background-image: url(./images/icons/icon_btn_back.png);
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+
+/* Notification Style */
+
+.popup>.notification {
+    display: none;
+    position: absolute;
+    top: 10%;
+    left: 73%;
+    width: 26%;
+    height: 10%;
+}
+
+.popup>.notification>.balloon {
+    position: relative;
+    display: inline-block;
+}
+
+.popup>.notification>.balloon span {
+    display: inline-block;
+    padding: 10px;
+    color: #fff;
+    background: #ad1e51;
+    border-radius: 20px;
+    font-size: 28px;
+}
+
+.popup>.notification>.balloon:after {
+    content: '';
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-style: solid;
+}
+
+.popup>.notification>.balloon.right:after,
+.popup>.notification>.balloon.left:after {
+    border-width: 10px 15px;
+    top: 50%;
+    margin-top: -10px;
+}
+
+.popup>.notification>.balloon.top:after,
+.popup>.notification>.balloon.bottom:after {
+    border-width: 15px 10px;
+    left: 50%;
+    margin-left: -10px;
+}
+
+.popup>.notification>.balloon.top:after {
+    border-color: #ad1e51 transparent transparent transparent;
+    bottom: -25px;
+}
+
+.popup>.notification>.balloon.bottom:after {
+    border-color: transparent transparent #ad1e51 transparent;
+    top: -25px;
+}
+
+.popup>.notification>.balloon.left:after {
+    border-color: transparent #ad1e51 transparent transparent;
+    left: -25px;
+}
+
+.popup>.notification>.balloon.right:after {
+    border-color: transparent transparent transparent #ad1e51;
+    right: -25px;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.sm.css b/procentric/application/theme/HJS00001/hoteltv.app.full.sm.css
new file mode 100755
index 0000000..47eb258
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.sm.css
@@ -0,0 +1,174 @@
+.main .sub {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .sub .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .sub .bg div#lst_smbg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .sub .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .sub .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#sm_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#sm_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="sm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .sub .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .sub .slider .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+}
+
+.main .sub .slider .owl-dots .owl-dot.active span {
+    background: rgb(255, 192, 0);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame {
+    position: absolute;
+    top: 130px;
+    left: 1550px;
+    width: 360px;
+    height: 734px;
+    line-height: 50px;
+    background-color: rgba(0, 0, 0, 0.7);
+    overflow: hidden;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_item {
+    width: 320px;
+    height: 180px;
+    float: left;
+    margin: 10px 20px 10px 20px;
+    /* filter: drop-shadow(0 0 10px rgba(235, 235, 235, 0.9));
+    border-radius: 6px; */
+    text-align: center;
+    line-height: 50px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(160, 160, 160);
+    display: inline;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_title {
+    font-size: 30px;
+    margin-left: 20px;
+    color: rgb(235, 235, 235);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_morenotice {
+    font-size: 22px;
+    margin: 20px 5px 10px 20px;
+    line-height: 25px;
+    overflow-wrap: break-word;
+    color: rgb(181, 218, 16);
+    animation: bg_ctz_thumb_morenotice_blinker 2s linear infinite;
+}
+
+@keyframes bg_ctz_thumb_morenotice_blinker {
+    50% {
+        color: rgb(235, 235, 235);
+    }
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.tv.css b/procentric/application/theme/HJS00001/hoteltv.app.full.tv.css
new file mode 100755
index 0000000..6c145e4
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.tv.css
@@ -0,0 +1,246 @@
+/* TV Menu */
+
+.main .tv {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background: url(tv:);
+}
+
+.main .tv .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background: url(tv:);
+    overflow: hidden;
+    display: none;
+}
+
+.main .tv .bg div#lst_tvCtgbg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer {
+    width: 780px;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
+    position: absolute;
+    top: 116px;
+    /* left: 80px;
+    width: 1840px; */
+    height: 844px;
+    margin: 20px 20px 20px 20px;
+    padding: 5px 20px 5px 20px;
+    background-color: rgba(0, 0, 0, 0.4);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1));
+    border: solid rgb(137, 139, 129);
+    border-radius: 10px;
+    /* background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(120, 120, 120, 0.7) 70%, rgba(0, 0, 0, 0.7) 85%); */
+    overflow: hidden;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_title {
+    line-height: 100px;
+    padding: 0;
+    margin: 0 0 10px 0;
+    font-size: 80px;
+    color: rgb(235, 235, 235);
+    white-space: nowrap;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist {
+    max-width: 680px;
+    height: 640px;
+    font-size: 32px;
+    overflow: hidden;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame {
+    height: 110px;
+    margin: 10px 0 10px 0;
+    z-index: 1;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame .tvch_epg {
+    float: left;
+    margin: 0 0 0 186px;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused .tvch_epg {
+    margin: 0 0 0 210px;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title {
+    font-size: 32px;
+    width: 468px;
+    color: rgb(255, 255, 255);
+    border-bottom: solid;
+    border-bottom-color: rgba(94, 90, 86, 0.8);
+    white-space: nowrap;
+    display: block;
+    overflow: hidden;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_epg_title {
+    border-bottom-color: rgb(181, 218, 16);
+    color: rgb(181, 218, 16);
+    font-size: 40px;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title::before {
+    content: attr(ch_num);
+    font-size: 32px;
+    text-align: left;
+    margin: 20px 10px 0 0;
+    padding: 0 5px 0 5px;
+    color: rgb(10, 10, 10);
+    background-color: rgba(210, 210, 210, 1);
+    text-shadow: 0 0 5px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
+    border-radius: 5px;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_info {
+    color: rgb(235, 235, 235);
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_logo {
+    width: 176px;
+    height: 110px;
+    background-color: rgba(255, 255, 255, 1);
+    border-radius: 10px;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_logo {
+    border: solid rgb(181, 218, 16);
+    transform: scale(1.14);
+    transform-origin: 2% 48%;
+    z-index: 2;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_up {
+    width: 30px;
+    height: 30px;
+    margin: 10px 0 0 70px;
+    transform: rotate(-45deg) skew(15deg, 15deg);
+    border-top: 5px #fff solid;
+    border-right: 5px #fff solid;
+}
+
+.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_down {
+    width: 30px;
+    height: 30px;
+    margin: 10px 0 0 70px;
+    transform: rotate(135deg) skew(15deg, 15deg);
+    border-top: 5px #fff solid;
+    border-right: 5px #fff solid;
+}
+
+/*************************/
+/* STYLE for TV Shortcut */
+/*************************/
+.main .tv .shortcut {
+    position: absolute;
+    top: 18%;
+    left: 75%;
+    width: 440px;
+    height: 230px;
+    background: rgba(0, 0, 0, 0.7);
+    padding: 20px 6px 20px 6px;
+    border-top: 5px solid rgba(0,0,0,0.7);
+    border-bottom: 5px solid rgba(0,0,0,0.7);
+}
+
+.main .tv .shortcut div#suggestion {
+    position: absolute;
+    width: 100%;
+    height: 84%;
+}
+
+.main .tv .shortcut div#suggestion table {
+    width: 100%;
+    height: 100%;
+    /* padding: 3px 0px 3px 0px; */
+    border-collapse: collapse;
+}
+
+.main .tv .shortcut .ch_list>#record {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    color: rgba(240,240,240,1);
+    overflow: scroll;
+    padding: 14px 0px 0px 0px;
+}
+
+.main .tv .shortcut .ch_list>#record tr {
+    width: 96%;
+    display: block;
+    float: left;
+    padding: 5px 0px 5px 0px;
+    border-bottom: 1px solid rgb(67, 82, 105);
+    border-top: 1px solid rgb(67, 82, 105);
+}
+
+.main .tv .shortcut .ch_list>#record tr.active {
+    color:rgb(255, 192, 0);
+    background-color: rgba(0,0,0,0.6);
+    border-top: 2px solid rgb(255, 192, 0);
+    border-bottom: 2px solid rgb(255, 192, 0);
+}
+
+.main .tv .shortcut .ch_list>#record tr>.scitem {
+    font-size: 40px;
+    line-height: 1;
+    width: 100%;
+}
+
+.main .tv .shortcut .ch_list>#record tr>.scitem>#logo {
+    width: 24%;
+    height: 40px;
+    /* height: 100%; */
+    float: left;
+    background-color: rgba(235,235,235,1);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 10px;
+    border: 2px solid rgb(67, 82, 105);
+    /* margin: 1%; */
+}
+
+.main .tv .shortcut .ch_list>#record tr>.scitem>#num {
+    width: 18%;
+    float: left;
+    text-align: center;
+    /* margin: 4px 0px 1px 0px; */
+    overflow: hidden;
+}
+
+.main .tv .shortcut .ch_list>#record tr>.scitem>#title {
+    width: 54%;
+    float: left;
+    text-align: center;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    /* margin: 4px 0px 1px 0px; */
+}
diff --git a/procentric/application/theme/HJS00001/hoteltv.app.full.widjet.css b/procentric/application/theme/HJS00001/hoteltv.app.full.widjet.css
new file mode 100755
index 0000000..bc9a5db
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.widjet.css
@@ -0,0 +1,144 @@
+/* STEP[#003]: Define WIDGET FRAMES */
+
+.widjet {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+    text-shadow: 0 0 10px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
+    z-index: 2;
+}
+
+.widjet .top {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100px;
+    /* background-color: rgba(0, 0, 0, 0.5); */
+    /* filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 1)); */
+    padding: 0px;
+    display: none;
+}
+
+
+/* SETP[#003-1]: Hotel Logo */
+
+.widjet .top .hotellogo {
+    position: absolute;
+    width: 300px;
+    height: 80px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    margin: 10px 0 4px 10px;
+    display: block;
+}
+
+
+/* SETP[#003-2]: Message */
+
+.widjet .top .message {
+    position: absolute;
+    top: -11px;
+    left: 1618px;
+    height: 100px;
+    /* float: left; */
+    display: block;
+    padding: 24px 10px 10px 10px;
+}
+
+.widjet .top .message #unread_cnt {
+    /* position: relative; */
+    width: 66px;
+    height: 100%;
+    float: left;
+    background-image: url(images/icons/icon_widjet_top_message_cnt.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    padding: 4px 0px 0px 0px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+    line-height: 52px;
+    text-align: center;
+}
+
+
+/* SETP[#003-3]: Weather */
+
+.widjet .top .weather {
+    position: absolute;
+    top: -11px;
+    left: 1370px;
+    height: 100px;
+    float: left;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: block;
+    margin: 7px 0px 0px 0px;
+}
+
+.widjet .top .weather #icon {
+    position: relative;
+    /* top: -10px; */
+    left: 16px;
+    width: 100px;
+    height: 100%;
+    float: left;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 0.5));
+}
+
+.widjet .top .weather #temp {
+    position: relative;
+    left: 14px;
+    float: left;
+    font-size: 60px;
+    line-height: 100px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+}
+
+
+/* SETP[#003-4]: Date&Time */
+
+.widjet .top .datetime {
+    position: absolute;
+    left: 1630px;
+    width: 270px;
+    height: 60px;
+    margin: 10px 30px 10px 0;
+    color: rgb(235, 235, 235);
+}
+
+.widjet .top .datetime p {
+    margin: 0;
+    padding: 0;
+}
+
+.widjet .top .datetime .time {
+    font-size: 52px;
+    line-height: 52px;
+    padding: 5px 0;
+    text-align: right;
+    /* -webkit-text-stroke: 1px rgb(64,64,64); */
+}
+
+.widjet .top .datetime .date {
+    letter-spacing: 0.1em;
+    font-size: 24px;
+    line-height: 24px;
+    text-align: right;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/hoteltv.welcome.css b/procentric/application/theme/HJS00001/hoteltv.welcome.css
new file mode 100755
index 0000000..f63dd04
--- /dev/null
+++ b/procentric/application/theme/HJS00001/hoteltv.welcome.css
@@ -0,0 +1,192 @@
+body {
+    overflow: hidden;
+}
+
+.welcome {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    display: none;
+    z-index: 1;
+}
+
+.startup {
+    top: 0px;
+    left: 0px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    /* background-image: url(./images/hoteltv_service_preparing.png); */
+    background-image: url(./images/hoteltv_service_preparing_joson.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+
+.welcome .frame {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 1);
+    background-image: none;
+    background-size: cover;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+.welcome .frame .msgwin {
+    position: absolute;
+    top: 98px;
+    left: 519px;
+    width: 884px;
+    height: 648px;
+    padding: 0px;
+    /* background-image: url(./images/bg_language_welcome_box.png);
+    background-size: cover; */
+    background-repeat: no-repeat;
+    background: linear-gradient(rgba(45,45,45,0.6),rgba(16,16,16,0.7));
+    border-radius: 11px;
+    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
+}
+
+.welcome .frame .msgwin #hotellogo {
+    position: absolute;
+    top: 108px;
+    left: 135px;
+    width: 634px;
+    height: 270px;
+    padding: 0px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    /* background-position: center; */
+    background-position: top;
+}
+
+.welcome .frame .msgwin #guestname {
+    position: absolute;
+    top: 424px;
+    left: 0px;
+    width: 804px;
+    height: 65px;
+    padding: 0px 0px 5px 0px;
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    border-bottom: solid rgb(192,192,192) 3px;
+    font-size: 65px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 65px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .msgwin #welcomemsg {
+    position: absolute;
+    top: 516px;
+    left: 0px;
+    width: 804px;
+    height: 44px;
+    /* padding: 0px; */
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    font-size: 33px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 33px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .guide#langsel {
+    position: absolute;
+    top: 1037px;
+    left: 0px;
+    width: 1920px;
+    height: 54px;
+    background-color: rgba(0, 0, 0, 0.8);
+    display: inline-block;
+    color: rgba(200, 200, 200, 1);
+    font-size: 32px;
+    line-height: 43px;
+    text-align: center;
+    border-top: solid rgb(128, 128, 128);
+}
+
+.welcome #lst_langsel {
+    position: absolute;
+    top: 962px;
+    left: 0;
+    height: 76px;
+    line-height: 76px;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    display: none;
+}
+
+.welcome #lst_langsel .item {
+    color: rgba(200, 200, 200, 1);
+    font-size: 44px;
+    text-align: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.welcome #lst_langsel .owl-item.active.center div {
+    background-image: var(--btn_focus);
+}
+
+.welcome #lst_langsel .owl-item.active div {
+    background-image: var(--btn_unfocus);
+}
+
+.control .skip_video {
+    z-index: 10000;
+    position: absolute;
+    z-index: 10000;
+    top: 927px;
+    left: 1579px;
+    width: 246px;
+    height: 68px;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 0.0);
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+#debugwin {
+    z-index: 10000;
+    position: absolute;
+    top: 11px;
+    bottom: 22px;
+    right: 11px;
+    font-size: 12px;
+    background-color: rgba(18, 18, 18, 0.3);
+    text-align: left;
+    color: rgb(235, 235, 235);
+    line-height: 24px;
+    padding-left: 5px;
+    padding-top: 5px;
+    display: inline-flex;
+    max-width: 500px;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    display: none;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HJS00001/images/1280x720-01.jpg b/procentric/application/theme/HJS00001/images/1280x720-01.jpg
new file mode 100755
index 0000000..90e317e
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1280x720-01.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/1280x720-02.jpg b/procentric/application/theme/HJS00001/images/1280x720-02.jpg
new file mode 100755
index 0000000..6163452
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1280x720-02.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/1280x720-03.jpg b/procentric/application/theme/HJS00001/images/1280x720-03.jpg
new file mode 100755
index 0000000..ded8064
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1280x720-03.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/1280x720-04.jpg b/procentric/application/theme/HJS00001/images/1280x720-04.jpg
new file mode 100755
index 0000000..f45d821
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1280x720-04.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/1280x720-05.jpg b/procentric/application/theme/HJS00001/images/1280x720-05.jpg
new file mode 100755
index 0000000..5577885
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1280x720-05.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/1280x720-06.jpg b/procentric/application/theme/HJS00001/images/1280x720-06.jpg
new file mode 100755
index 0000000..ec94797
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1280x720-06.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/1920x1080-01.jpg b/procentric/application/theme/HJS00001/images/1920x1080-01.jpg
new file mode 100755
index 0000000..d4422ab
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1920x1080-01.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/1920x1080-02.jpg b/procentric/application/theme/HJS00001/images/1920x1080-02.jpg
new file mode 100755
index 0000000..8bfa417
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1920x1080-02.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/1920x1080-03.jpg b/procentric/application/theme/HJS00001/images/1920x1080-03.jpg
new file mode 100755
index 0000000..5c33ca9
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1920x1080-03.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/1920x1080-04.jpg b/procentric/application/theme/HJS00001/images/1920x1080-04.jpg
new file mode 100755
index 0000000..13c8114
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1920x1080-04.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/1920x1080-06.jpg b/procentric/application/theme/HJS00001/images/1920x1080-06.jpg
new file mode 100755
index 0000000..76a1679
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/1920x1080-06.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/Altmetric_rgb.png b/procentric/application/theme/HJS00001/images/Altmetric_rgb.png
new file mode 100755
index 0000000..27645d4
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/Altmetric_rgb.png differ
diff --git a/procentric/application/theme/HJS00001/images/ani-busy-type01.gif b/procentric/application/theme/HJS00001/images/ani-busy-type01.gif
new file mode 100755
index 0000000..d79dfe4
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/ani-busy-type01.gif differ
diff --git a/procentric/application/theme/HJS00001/images/ani-busy-type02.gif b/procentric/application/theme/HJS00001/images/ani-busy-type02.gif
new file mode 100755
index 0000000..a61f6a1
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/ani-busy-type02.gif differ
diff --git a/procentric/application/theme/HJS00001/images/ani-busy-type03.gif b/procentric/application/theme/HJS00001/images/ani-busy-type03.gif
new file mode 100755
index 0000000..c562b9f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/ani-busy-type03.gif differ
diff --git a/procentric/application/theme/HJS00001/images/bg_language_welcome_box.png b/procentric/application/theme/HJS00001/images/bg_language_welcome_box.png
new file mode 100755
index 0000000..6917a56
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bg_language_welcome_box.png differ
diff --git a/procentric/application/theme/HJS00001/images/bg_message_cream-paper.png b/procentric/application/theme/HJS00001/images/bg_message_cream-paper.png
new file mode 100755
index 0000000..9c6b2d1
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bg_message_cream-paper.png differ
diff --git a/procentric/application/theme/HJS00001/images/bg_message_detail.png b/procentric/application/theme/HJS00001/images/bg_message_detail.png
new file mode 100755
index 0000000..57bb59d
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bg_message_detail.png differ
diff --git a/procentric/application/theme/HJS00001/images/bg_tv_category.png b/procentric/application/theme/HJS00001/images/bg_tv_category.png
new file mode 100755
index 0000000..0d9a6ef
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bg_tv_category.png differ
diff --git a/procentric/application/theme/HJS00001/images/bg_weather_default.jpg b/procentric/application/theme/HJS00001/images/bg_weather_default.jpg
new file mode 100755
index 0000000..5b1e26f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bg_weather_default.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/bt_language_tab_focus.png b/procentric/application/theme/HJS00001/images/bt_language_tab_focus.png
new file mode 100755
index 0000000..b9835e8
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bt_language_tab_focus.png differ
diff --git a/procentric/application/theme/HJS00001/images/bt_language_tab_unfocus.png b/procentric/application/theme/HJS00001/images/bt_language_tab_unfocus.png
new file mode 100755
index 0000000..8e6bab8
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bt_language_tab_unfocus.png differ
diff --git a/procentric/application/theme/HJS00001/images/bt_language_tab_unfocus.xcf b/procentric/application/theme/HJS00001/images/bt_language_tab_unfocus.xcf
new file mode 100755
index 0000000..21d4547
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bt_language_tab_unfocus.xcf differ
diff --git a/procentric/application/theme/HJS00001/images/bt_skip_ch01.png b/procentric/application/theme/HJS00001/images/bt_skip_ch01.png
new file mode 100755
index 0000000..61f13b0
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bt_skip_ch01.png differ
diff --git a/procentric/application/theme/HJS00001/images/bt_skip_ch02.png b/procentric/application/theme/HJS00001/images/bt_skip_ch02.png
new file mode 100755
index 0000000..70bd423
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bt_skip_ch02.png differ
diff --git a/procentric/application/theme/HJS00001/images/bt_skip_en.png b/procentric/application/theme/HJS00001/images/bt_skip_en.png
new file mode 100755
index 0000000..fde457e
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bt_skip_en.png differ
diff --git a/procentric/application/theme/HJS00001/images/bt_skip_jp.png b/procentric/application/theme/HJS00001/images/bt_skip_jp.png
new file mode 100755
index 0000000..d3a7803
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bt_skip_jp.png differ
diff --git a/procentric/application/theme/HJS00001/images/bt_skip_ko.png b/procentric/application/theme/HJS00001/images/bt_skip_ko.png
new file mode 100755
index 0000000..96b2686
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/bt_skip_ko.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_focus-art.png b/procentric/application/theme/HJS00001/images/btn_mm_focus-art.png
new file mode 100755
index 0000000..b29472a
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_focus-art.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_focus-flight.png b/procentric/application/theme/HJS00001/images/btn_mm_focus-flight.png
new file mode 100755
index 0000000..777844b
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_focus-flight.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_focus-jeju.png b/procentric/application/theme/HJS00001/images/btn_mm_focus-jeju.png
new file mode 100755
index 0000000..be35462
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_focus-jeju.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_focus-mypage.png b/procentric/application/theme/HJS00001/images/btn_mm_focus-mypage.png
new file mode 100755
index 0000000..92a00ad
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_focus-mypage.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_focus-resort.png b/procentric/application/theme/HJS00001/images/btn_mm_focus-resort.png
new file mode 100755
index 0000000..3b9ac5e
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_focus-resort.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_focus-rewards.png b/procentric/application/theme/HJS00001/images/btn_mm_focus-rewards.png
new file mode 100755
index 0000000..2241d62
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_focus-rewards.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_focus-tv.png b/procentric/application/theme/HJS00001/images/btn_mm_focus-tv.png
new file mode 100755
index 0000000..bf53c19
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_focus-tv.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_focus-weather.png b/procentric/application/theme/HJS00001/images/btn_mm_focus-weather.png
new file mode 100755
index 0000000..7a36e65
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_focus-weather.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_focus.png b/procentric/application/theme/HJS00001/images/btn_mm_focus.png
new file mode 100755
index 0000000..7bc4b6b
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_focus.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_unfocus-art.png b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-art.png
new file mode 100755
index 0000000..f3419bb
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-art.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_unfocus-flight.png b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-flight.png
new file mode 100755
index 0000000..d2c8617
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-flight.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_unfocus-jeju.png b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-jeju.png
new file mode 100755
index 0000000..7b6cba6
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-jeju.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_unfocus-mypage.png b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-mypage.png
new file mode 100755
index 0000000..fe81103
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-mypage.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_unfocus-resort.png b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-resort.png
new file mode 100755
index 0000000..e6490ee
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-resort.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_unfocus-rewards.png b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-rewards.png
new file mode 100755
index 0000000..e645f09
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-rewards.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_unfocus-tv.png b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-tv.png
new file mode 100755
index 0000000..d59d62c
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-tv.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_unfocus-weather.png b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-weather.png
new file mode 100755
index 0000000..e659593
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_unfocus-weather.png differ
diff --git a/procentric/application/theme/HJS00001/images/btn_mm_unfocus.png b/procentric/application/theme/HJS00001/images/btn_mm_unfocus.png
new file mode 100755
index 0000000..a859e03
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/btn_mm_unfocus.png differ
diff --git a/procentric/application/theme/HJS00001/images/hoteltv_service_error.png b/procentric/application/theme/HJS00001/images/hoteltv_service_error.png
new file mode 100755
index 0000000..82a801f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/hoteltv_service_error.png differ
diff --git a/procentric/application/theme/HJS00001/images/hoteltv_service_preparing.png b/procentric/application/theme/HJS00001/images/hoteltv_service_preparing.png
new file mode 100755
index 0000000..6c86194
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/hoteltv_service_preparing.png differ
diff --git a/procentric/application/theme/HJS00001/images/hoteltv_service_preparing_joson.jpg b/procentric/application/theme/HJS00001/images/hoteltv_service_preparing_joson.jpg
new file mode 100755
index 0000000..6ebe713
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/hoteltv_service_preparing_joson.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/icon_brochure_next.png b/procentric/application/theme/HJS00001/images/icon_brochure_next.png
new file mode 100755
index 0000000..0710650
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icon_brochure_next.png differ
diff --git a/procentric/application/theme/HJS00001/images/icon_brochure_prev.png b/procentric/application/theme/HJS00001/images/icon_brochure_prev.png
new file mode 100755
index 0000000..af94688
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icon_brochure_prev.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_btn_back.png b/procentric/application/theme/HJS00001/images/icons/icon_btn_back.png
new file mode 100755
index 0000000..2995f72
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_btn_back.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_btn_media_play.png b/procentric/application/theme/HJS00001/images/icons/icon_btn_media_play.png
new file mode 100755
index 0000000..bde47a8
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_btn_media_play.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_btn_media_stop.png b/procentric/application/theme/HJS00001/images/icons/icon_btn_media_stop.png
new file mode 100755
index 0000000..f033e6f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_btn_media_stop.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_btn_movie_play.png b/procentric/application/theme/HJS00001/images/icons/icon_btn_movie_play.png
new file mode 100755
index 0000000..27b3524
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_btn_movie_play.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_contact_phone_48x48.png b/procentric/application/theme/HJS00001/images/icons/icon_contact_phone_48x48.png
new file mode 100755
index 0000000..ce0f5e0
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_contact_phone_48x48.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_contact_phone_96x96.png b/procentric/application/theme/HJS00001/images/icons/icon_contact_phone_96x96.png
new file mode 100755
index 0000000..28f7c8a
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_contact_phone_96x96.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_cotact_email_48x48.png b/procentric/application/theme/HJS00001/images/icons/icon_cotact_email_48x48.png
new file mode 100755
index 0000000..1e90f3a
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_cotact_email_48x48.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_cotact_email_96x96.png b/procentric/application/theme/HJS00001/images/icons/icon_cotact_email_96x96.png
new file mode 100755
index 0000000..de2d2c6
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_cotact_email_96x96.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_humidity.png b/procentric/application/theme/HJS00001/images/icons/icon_humidity.png
new file mode 100755
index 0000000..7fa4996
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_humidity.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_loading_256x256.png b/procentric/application/theme/HJS00001/images/icons/icon_loading_256x256.png
new file mode 100755
index 0000000..d28c5e4
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_loading_256x256.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_mypage_title.png b/procentric/application/theme/HJS00001/images/icons/icon_mypage_title.png
new file mode 100755
index 0000000..eb1a707
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_mypage_title.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_place_48x48.png b/procentric/application/theme/HJS00001/images/icons/icon_place_48x48.png
new file mode 100755
index 0000000..59bbe38
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_place_48x48.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_place_96x96.png b/procentric/application/theme/HJS00001/images/icons/icon_place_96x96.png
new file mode 100755
index 0000000..cd1b8f2
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_place_96x96.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_read_message_48x48.png b/procentric/application/theme/HJS00001/images/icons/icon_read_message_48x48.png
new file mode 100755
index 0000000..cd4e5a9
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_read_message_48x48.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_unread_message_48x48.png b/procentric/application/theme/HJS00001/images/icons/icon_unread_message_48x48.png
new file mode 100755
index 0000000..1e90f3a
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_unread_message_48x48.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_widjet_top_message_cnt.png b/procentric/application/theme/HJS00001/images/icons/icon_widjet_top_message_cnt.png
new file mode 100755
index 0000000..a03e357
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_widjet_top_message_cnt.png differ
diff --git a/procentric/application/theme/HJS00001/images/icons/icon_wind.png b/procentric/application/theme/HJS00001/images/icons/icon_wind.png
new file mode 100755
index 0000000..060f171
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/icons/icon_wind.png differ
diff --git a/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_chn.png b/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_chn.png
new file mode 100755
index 0000000..4293cc3
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_chn.png differ
diff --git a/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_eng.png b/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_eng.png
new file mode 100755
index 0000000..de30811
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_eng.png differ
diff --git a/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_hk.png b/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_hk.png
new file mode 100755
index 0000000..84b93dc
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_hk.png differ
diff --git a/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_jpn.png b/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_jpn.png
new file mode 100755
index 0000000..bbf2a89
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_jpn.png differ
diff --git a/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_kor.png b/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_kor.png
new file mode 100755
index 0000000..4e3cc9f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/language_screen_under_bar_note_text_kor.png differ
diff --git a/procentric/application/theme/HJS00001/images/msg_sample_portlate.png b/procentric/application/theme/HJS00001/images/msg_sample_portlate.png
new file mode 100755
index 0000000..e7abdcd
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/msg_sample_portlate.png differ
diff --git a/procentric/application/theme/HJS00001/images/wallpaper-1280x720-welcome1.jpg b/procentric/application/theme/HJS00001/images/wallpaper-1280x720-welcome1.jpg
new file mode 100755
index 0000000..6dc3e58
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/wallpaper-1280x720-welcome1.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/wallpaper-1280x720-welcome2.jpg b/procentric/application/theme/HJS00001/images/wallpaper-1280x720-welcome2.jpg
new file mode 100755
index 0000000..becba4e
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/wallpaper-1280x720-welcome2.jpg differ
diff --git a/procentric/application/theme/HJS00001/images/weather.zip b/procentric/application/theme/HJS00001/images/weather.zip
new file mode 100755
index 0000000..2485419
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather.zip differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_0.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_0.png
new file mode 100755
index 0000000..4898d9f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_0.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_1.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_1.png
new file mode 100755
index 0000000..4898d9f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_1.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_10.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_10.png
new file mode 100755
index 0000000..c9ea8b2
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_10.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_11.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_11.png
new file mode 100755
index 0000000..8ce1ee2
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_11.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_12.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_12.png
new file mode 100755
index 0000000..eb29cb0
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_12.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_13.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_13.png
new file mode 100755
index 0000000..cb9f5fd
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_13.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_14.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_14.png
new file mode 100755
index 0000000..5ccb24b
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_14.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_15.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_15.png
new file mode 100755
index 0000000..cf1f7a9
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_15.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_16.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_16.png
new file mode 100755
index 0000000..787435d
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_16.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_17.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_17.png
new file mode 100755
index 0000000..970b16c
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_17.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_18.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_18.png
new file mode 100755
index 0000000..a0b735f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_18.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_19.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_19.png
new file mode 100755
index 0000000..a6a658b
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_19.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_2.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_2.png
new file mode 100755
index 0000000..1ec2128
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_2.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_20.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_20.png
new file mode 100755
index 0000000..67a246f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_20.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_21.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_21.png
new file mode 100755
index 0000000..67a246f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_21.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_22.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_22.png
new file mode 100755
index 0000000..4ed1626
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_22.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_23.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_23.png
new file mode 100755
index 0000000..ea7dd17
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_23.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_24.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_24.png
new file mode 100755
index 0000000..ea7dd17
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_24.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_25.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_25.png
new file mode 100755
index 0000000..98e9be1
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_25.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_26.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_26.png
new file mode 100755
index 0000000..a4a8fc6
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_26.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_27.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_27.png
new file mode 100755
index 0000000..a6e0efe
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_27.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_28.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_28.png
new file mode 100755
index 0000000..31b4797
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_28.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_29.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_29.png
new file mode 100755
index 0000000..2f9ca97
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_29.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_3.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_3.png
new file mode 100755
index 0000000..bbf6f85
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_3.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_30.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_30.png
new file mode 100755
index 0000000..0a68e8a
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_30.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_31.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_31.png
new file mode 100755
index 0000000..57ec21a
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_31.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_32.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_32.png
new file mode 100755
index 0000000..b6aae46
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_32.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_33.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_33.png
new file mode 100755
index 0000000..57ec21a
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_33.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_34.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_34.png
new file mode 100755
index 0000000..e58b342
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_34.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_35.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_35.png
new file mode 100755
index 0000000..a19a541
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_35.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_36.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_36.png
new file mode 100755
index 0000000..ef60543
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_36.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_37.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_37.png
new file mode 100755
index 0000000..b632f41
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_37.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_38.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_38.png
new file mode 100755
index 0000000..13724f7
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_38.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_39.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_39.png
new file mode 100755
index 0000000..4e6adae
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_39.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_4.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_4.png
new file mode 100755
index 0000000..e170368
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_4.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_40.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_40.png
new file mode 100755
index 0000000..930f727
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_40.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_41.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_41.png
new file mode 100755
index 0000000..5c39733
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_41.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_42.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_42.png
new file mode 100755
index 0000000..627c121
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_42.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_43.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_43.png
new file mode 100755
index 0000000..f8299f2
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_43.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_44.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_44.png
new file mode 100755
index 0000000..0529f39
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_44.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_45.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_45.png
new file mode 100755
index 0000000..0f671c9
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_45.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_46.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_46.png
new file mode 100755
index 0000000..a7ca5d2
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_46.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_47.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_47.png
new file mode 100755
index 0000000..1704bd0
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_47.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_48.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_48.png
new file mode 100755
index 0000000..c225d3c
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_48.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_5.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_5.png
new file mode 100755
index 0000000..8d81cce
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_5.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_6.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_6.png
new file mode 100755
index 0000000..6a985d7
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_6.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_7.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_7.png
new file mode 100755
index 0000000..0c0547c
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_7.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_8.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_8.png
new file mode 100755
index 0000000..cf414dc
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_8.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_9.png b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_9.png
new file mode 100755
index 0000000..60c223d
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/top_bar_weather_icon_9.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_0.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_0.png
new file mode 100755
index 0000000..6358ebc
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_0.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_1.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_1.png
new file mode 100755
index 0000000..91aff19
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_1.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_10.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_10.png
new file mode 100755
index 0000000..67c5c0e
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_10.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_11.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_11.png
new file mode 100755
index 0000000..dc36ec3
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_11.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_12.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_12.png
new file mode 100755
index 0000000..8dfbfe2
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_12.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_13.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_13.png
new file mode 100755
index 0000000..2194a0f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_13.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_14.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_14.png
new file mode 100755
index 0000000..f96becf
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_14.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_15.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_15.png
new file mode 100755
index 0000000..bded7c6
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_15.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_16.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_16.png
new file mode 100755
index 0000000..957904c
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_16.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_17.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_17.png
new file mode 100755
index 0000000..46dc067
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_17.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_18.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_18.png
new file mode 100755
index 0000000..22f8d5f
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_18.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_19.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_19.png
new file mode 100755
index 0000000..14d14e3
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_19.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_2.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_2.png
new file mode 100755
index 0000000..dafa95a
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_2.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_20.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_20.png
new file mode 100755
index 0000000..fcf3f92
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_20.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_21.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_21.png
new file mode 100755
index 0000000..092008a
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_21.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_22.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_22.png
new file mode 100755
index 0000000..29b19c6
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_22.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_23.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_23.png
new file mode 100755
index 0000000..ccd3735
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_23.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_24.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_24.png
new file mode 100755
index 0000000..ccd3735
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_24.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_25.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_25.png
new file mode 100755
index 0000000..e14ac92
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_25.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_26.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_26.png
new file mode 100755
index 0000000..1021b74
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_26.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_27.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_27.png
new file mode 100755
index 0000000..e28017b
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_27.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_28.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_28.png
new file mode 100755
index 0000000..ff57adc
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_28.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_29.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_29.png
new file mode 100755
index 0000000..b41999b
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_29.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_3.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_3.png
new file mode 100755
index 0000000..f559b76
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_3.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_30.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_30.png
new file mode 100755
index 0000000..c059f92
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_30.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_31.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_31.png
new file mode 100755
index 0000000..80df177
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_31.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_32.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_32.png
new file mode 100755
index 0000000..a3a1c9b
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_32.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_33.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_33.png
new file mode 100755
index 0000000..80df177
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_33.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_34.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_34.png
new file mode 100755
index 0000000..a3a1c9b
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_34.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_35.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_35.png
new file mode 100755
index 0000000..8eb4a89
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_35.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_36.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_36.png
new file mode 100755
index 0000000..94c9590
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_36.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_37.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_37.png
new file mode 100755
index 0000000..a47a1ac
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_37.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_38.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_38.png
new file mode 100755
index 0000000..06cb09c
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_38.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_39.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_39.png
new file mode 100755
index 0000000..dc36ec3
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_39.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_4.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_4.png
new file mode 100755
index 0000000..9281f4b
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_4.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_40.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_40.png
new file mode 100755
index 0000000..8dfbfe2
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_40.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_41.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_41.png
new file mode 100755
index 0000000..f96becf
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_41.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_42.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_42.png
new file mode 100755
index 0000000..99a61c4
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_42.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_43.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_43.png
new file mode 100755
index 0000000..d12707b
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_43.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_44.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_44.png
new file mode 100755
index 0000000..03559f7
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_44.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_45.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_45.png
new file mode 100755
index 0000000..dc36ec3
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_45.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_46.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_46.png
new file mode 100755
index 0000000..99a61c4
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_46.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_47.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_47.png
new file mode 100755
index 0000000..06cb09c
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_47.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_5.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_5.png
new file mode 100755
index 0000000..99a61c4
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_5.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_6.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_6.png
new file mode 100755
index 0000000..68260d0
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_6.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_7.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_7.png
new file mode 100755
index 0000000..de433f3
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_7.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_8.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_8.png
new file mode 100755
index 0000000..1652aac
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_8.png differ
diff --git a/procentric/application/theme/HJS00001/images/weather/weather_icon_9.png b/procentric/application/theme/HJS00001/images/weather/weather_icon_9.png
new file mode 100755
index 0000000..668343a
Binary files /dev/null and b/procentric/application/theme/HJS00001/images/weather/weather_icon_9.png differ
diff --git a/procentric/application/hoteltv.error.css b/procentric/application/theme/hoteltv.error.css
similarity index 100%
rename from procentric/application/hoteltv.error.css
rename to procentric/application/theme/hoteltv.error.css
diff --git a/procentric/application/hoteltv.ui_utils.css b/procentric/application/theme/hoteltv.ui_utils.css
similarity index 100%
rename from procentric/application/hoteltv.ui_utils.css
rename to procentric/application/theme/hoteltv.ui_utils.css
diff --git a/procentric/application/wellcome.html b/procentric/application/wellcome.html
index 5ede43d..0053181 100755
--- a/procentric/application/wellcome.html
+++ b/procentric/application/wellcome.html
@@ -3,11 +3,11 @@
 
 <head>
     <meta charset="utf-8">
-    <link rel="stylesheet" href="./css/owlcarousel/owl.carousel.min.css">
-    <link rel="stylesheet" href="./css/owlcarousel/owl.theme.default.min.css">
-    <link rel="stylesheet" href="hoteltv.ui_utils.css">
-    <link rel="stylesheet" href="hoteltv.error.css">
-    <link rel="stylesheet" href="hoteltv.welcome.css">
+    <link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.carousel.min.css">
+    <link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.theme.default.min.css">
+    <link rel="stylesheet" href="/procentric/application/theme/hoteltv.ui_utils.css">
+    <link rel="stylesheet" href="/procentric/application/theme/hoteltv.error.css">
+    <!-- <link rel="stylesheet" href="hoteltv.welcome.css"> -->
     <title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
 </head>
 
@@ -25,13 +25,7 @@
         </div>
     </div>
     <div class="welcome">
-        <div class="owl-carousel owl-theme" id="lst_langsel">
-            <!-- <div class="item" id="wc_eit_langsel_kr" lang='kr' style="--btn_focus:url(./images/bt_language_tab_focus.png); --btn_unfocus:url(./images/bt_language_tab_unfocus.png)">한국어</div>
-            <div class="item" id="wc_eit_langsel_en" lang='en' style="--btn_focus:url(./images/bt_language_tab_focus.png); --btn_unfocus:url(./images/bt_language_tab_unfocus.png)">ENGLISH</div>
-            <div class="item" id="wc_eit_langsel_ch" lang='ch' style="--btn_focus:url(./images/bt_language_tab_focus.png); --btn_unfocus:url(./images/bt_language_tab_unfocus.png)">简体</div>
-            <div class="item" id="wc_eit_langsel_tw" lang='tw' style="--btn_focus:url(./images/bt_language_tab_focus.png); --btn_unfocus:url(./images/bt_language_tab_unfocus.png)">繁體</div>
-            <div class="item" id="wc_eit_langsel_jp" lang='jp' style="--btn_focus:url(./images/bt_language_tab_focus.png); --btn_unfocus:url(./images/bt_language_tab_unfocus.png)">日本語</div> -->
-        </div>
+        <div class="owl-carousel owl-theme" id="lst_langsel"></div>
     </div>
 
     <!-- Buttons Layout -->
@@ -71,24 +65,24 @@
 
 
 <!-- Standard & 3rd party Library -->
-<script src="./lib/jquery-3.6.0.min.js"></script>
-<script src="./lib/jquery.color-2.1.2.min.js"></script>
-<script src="./lib/xml2json.js"></script>
-<script src="./lib/spatial_navigation.js"></script>
-<script src="./lib/owl.carousel.js"></script>
+<script src="/procentric/application/lib/jquery-3.6.0.min.js"></script>
+<script src="/procentric/application/lib/jquery.color-2.1.2.min.js"></script>
+<script src="/procentric/application/lib/xml2json.js"></script>
+<script src="/procentric/application/lib/spatial_navigation.js"></script>
+<script src="/procentric/application/lib/owl.carousel.js"></script>
 
 <!-- LG HCAP Library -->
-<script src="./lib/hcap.js"></script>
+<script src="/procentric/application/lib/hcap.js"></script>
 
 <!-- CENTIRM HOTELTV Library -->
-<script src="./lib/hoteltv.js"></script>
-<script src="./lib/hoteltv.ui_utils.js"></script>
-<script src="./lib/hoteltv.ui_welcome.js"></script>
-<script src="./lib/hoteltv.hcap.js"></script>
-<script src="./lib/hoteltv.api.js"></script>
+<script src="/procentric/application/lib/hoteltv.js"></script>
+<script src="/procentric/application/lib/hoteltv.ui_utils.js"></script>
+<script src="/procentric/application/lib/hoteltv.ui_welcome.js"></script>
+<script src="/procentric/application/lib/hoteltv.hcap.js"></script>
+<script src="/procentric/application/lib/hoteltv.api.js"></script>
 
 <!-- MQTT Library -->
-<script src="./lib/mqtt.min.js"></script>
+<script src="/procentric/application/lib/mqtt.min.js"></script>
 
 <script>
     window.addEventListener('cached', function() {
@@ -97,6 +91,8 @@
 
     window.addEventListener('load', function() {
         console.log("loading");
+        HotelTV.state = JSON.parse(sessionStorage.getItem("state"));
+        $('head:first').append('<link rel="stylesheet" type="text/css" href="/procentric/application/theme/' + HotelTV.state['theme_root'] + '/hoteltv.welcome.css" />');
         HotelTV.LoadWelCome();
     });
 
