diff --git a/procentric/application/theme/HTL00001/hoteltv.app.full.css b/procentric/application/theme/HTL00001/hoteltv.app.full.css
new file mode 100755
index 0000000..d59e5de
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.css
@@ -0,0 +1,105 @@
+/* STEP[#001]: Define Main */
+
+.main {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    text-shadow: 0 0 10px rgba(38, 18, 18, 0.5), 0 0 10px rgba(65, 65, 65, 1);
+    z-index: 1;
+}
+
+.main ::-webkit-scrollbar {
+    display: none;
+}
+
+.control {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.control .mm .hotkey_red {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_green {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_yellow {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+.control .mm .hotkey_blue {
+    position: absolute;
+    width: 420px;
+    height: 56px;
+    z-index: 1;
+    display: none;
+    line-height: 50px;
+    color: rgb(235, 235, 235);
+    padding-left: 80px;
+    font-size: 30px;
+    text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
+    /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
+    white-space: nowrap;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+
+/* SETP[#003-4]: Player */
+
+.player {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HTL00001/hoteltv.app.full.ctzgen.css b/procentric/application/theme/HTL00001/hoteltv.app.full.ctzgen.css
new file mode 100755
index 0000000..763fbfc
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.ctzgen.css
@@ -0,0 +1,291 @@
+.main .ctzgen {
+    position: absolute;
+    top: 2160px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-image: url(tv:);
+    display: none;
+}
+
+.main .ctzgen .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .ctzgen .bg .owl-dots {
+    position: absolute;
+    top: 980px;
+    width: 100%;
+    align-content: center;
+}
+
+
+/* .main .ctzgen .bg .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+} */
+
+.main .ctzgen .bg div#lst_ctzgenbg {
+    position: absolute;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: var(--bg_noplay);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: url(tv:);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay .item .ctz_desc_frame {
+    opacity: 1;
+    animation-delay: 6s;
+    animation-name: fadeOutCtzDescFrame;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes fadeOutCtzDescFrame {
+    0% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+
+/* OWL Contents Menu Selector Container */
+
+.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .ctzgen .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctzgen_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame {
+    position: absolute;
+    top: 130px;
+    left: 1280px;
+    width: 620px;
+    height: 830px;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.7);
+    padding: 0px 12px 0px 12px;
+    overflow: hidden;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_title {
+    position: absolute;
+    display: flex;
+    font-size: 44px;
+    /* line-height: 44px; */
+    line-height: 1;
+    height: 115px;
+    width: 100%;
+    padding: 10px;
+    white-space: pre-wrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    /* justify-content: center; */
+    align-items: center;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail {
+    margin: 120px 10px 40px 10px;
+    height: 220px;
+    /* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
+    /*    border: 4px solid rgb(255, 255, 255); */
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail img {
+    width: auto;
+    height: 212px;
+    overflow: hidden;
+    /* border: 2px solid rgb(40, 40, 40); */
+    border: 2px solid rgb(160, 160, 160);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_description {
+    position: absolute;
+    font-size: 26px;
+    width: 93%;
+    line-height: 1.2;
+    margin: 0 10px 0 10px;
+}
+
+
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_imgvwr_frame {
+    position: absolute;
+    top: 130px;
+    width: 1920px;
+    height: 830px;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 0px 12px 0px 12px;
+    overflow: hidden;
+}
+
+
+
+
+
+
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl {
+    position: absolute;
+    top: 970px;
+    left: 1700px;
+    height: 54px;
+    line-height: 54px;
+    color: rgb(235, 235, 235);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    white-space: nowrap;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
+    animation-delay: 4s;
+    animation-name: moveCtzMvCtrl;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes moveCtzMvCtrl {
+    from {
+        left: 1700px;
+    }
+    to {
+        left: 2220px
+    }
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
+    position: absolute;
+    content: '';
+    width: 128px;
+    height: 54px;
+    margin-left: -140px;
+    background-image: url("./images/icons/icon_btn_media_play.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
+    animation-name: iconCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes iconCtzMvCtrlBtn {
+    0% {
+        transform: rotateX(0deg);
+    }
+    50% {
+        transform: rotateX(90deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+    100% {
+        transform: rotateX(0deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
+    content: var(--playmsg);
+}
+
+.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
+    animation-delay: 1s;
+    animation-name: msgCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes msgCtzMvCtrlBtn {
+    0% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0;
+        content: var(--stopmsg);
+    }
+    50% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+    100% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+}
+
+.image-slider {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 480px;
+    height: 272px;
+}
+
+.main #imageGallery {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 480px;
+    height: 272px;
+    padding: 0px;
+    overflow: hidden;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HTL00001/hoteltv.app.full.guide.css b/procentric/application/theme/HTL00001/hoteltv.app.full.guide.css
new file mode 100755
index 0000000..8baed52
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.guide.css
@@ -0,0 +1,26 @@
+/* Brocure */
+
+.guide {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    margin: 0;
+    padding: 0;
+    z-index: 2;
+    display: block;
+}
+
+.guide>.tips {
+    position: absolute;
+    top: 1034px;
+    left: 0px;
+    width: 1920px;
+    height: 40px;
+    font-size: 32px;
+    text-align: center;
+    line-height: 40px;
+    background-color: rgba(19, 21, 23, 0.6);
+    color: rgb(255, 255, 255);
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HTL00001/hoteltv.app.full.mm.css b/procentric/application/theme/HTL00001/hoteltv.app.full.mm.css
new file mode 100755
index 0000000..5fb9be5
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.mm.css
@@ -0,0 +1,137 @@
+/* STEP[#002]: Define MAIN-MENU BG FRAMES */
+
+.main .mm {
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+}
+
+.main .mm .bg {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mm .bg div {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mm .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mm .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+}
+
+
+/* STEP[#003]: Define MAIN-MENU SELECTOR FRAMES */
+
+.main .mm .slider {
+    position: absolute;
+    /* top: 734px; */
+    top: 884px;
+    left: 0px;
+    width: 1920px;
+    /* height: 300px; */
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mm .slider .owl-carousel.owl-theme {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 50px 0 0 0;
+}
+
+.main .mm .slider .owl-carousel.owl-theme .owl-carousel-outer {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#mm_item_title {
+    position: absolute;
+    /* top: 190px; */
+    top: 22px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    line-height: 52px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#mm_item_icon {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Main Menu Selector Container */
+
+.main .mm .slider .owl-dots {
+    position: absolute;
+    top: -45px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .mm .slider .owl-theme .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+    background: none;
+}
+
+.main .mm .slider .owl-theme .owl-dots .owl-dot.active span {
+    /* background: rgb(181, 218, 16); */
+    background: rgb(245, 245, 245);
+}
+
+
+/* .main .mm .slider .owl-carousel .owl-item.active.focus div {
+    transform: scale(1.14);
+} */
+
+.main .mm .slider .owl-carousel .owl-item.active.focus:after {
+    width: 336px;
+}
+
+.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+    width: 264px;
+}
+
+.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
+    transform: scale(1.1);
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HTL00001/hoteltv.app.full.mm.flight.css b/procentric/application/theme/HTL00001/hoteltv.app.full.mm.flight.css
new file mode 100755
index 0000000..359d28f
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.mm.flight.css
@@ -0,0 +1,194 @@
+/* =============================
+   Main Menu Flight Format
+*/
+
+.main .mm .flight {
+    position: absolute;
+    top: 120px;
+    left: 0px;
+    width: 100%;
+    height: 620px;
+    max-height: 620px;
+    padding-left: 0;
+    margin: 0;
+    background-color: rgba(0, 0, 0, .5);
+    filter: drop-shadow(4px 4px 10px rgba(255, 255, 255, 0.8));
+    overflow: hidden;
+    z-index: 1;
+    display: none;
+}
+
+.main .mm .flight .departure {
+    width: 50%;
+    height: 100%;
+    position: absolute;
+}
+
+.main .mm .flight .arrival {
+    left: 52%;
+    width: 50%;
+    height: 100%;
+    position: absolute;
+}
+
+.main .mm .flight #title {
+    font-size: 40px;
+    color: rgb(235, 235, 235);
+    height: 46px;
+}
+
+.main .mm .flight .departure #title {
+    text-align:left;
+    margin-left:10px;
+}
+
+.main .mm .flight .arrival #title {
+    text-align:right;
+    margin-right:50px;
+}
+
+.main .mm .flight table {
+    position: absolute;
+    width: 940px;
+    height: 540px;
+    margin-left: 10px;
+    margin-right: 10px;
+    color: rgb(235, 235, 235);
+    text-align: center;
+    white-space: normal;
+    word-break: break-word;
+    border-collapse: collapse;
+    display: block;
+    overflow: auto;
+}
+
+.main .mm .flight #border_table_bottom {
+    position:absolute;
+    top:560px;
+    margin-left:10px;
+    width:900px;
+    height:20px;
+    background-color: rgba(0,0,0,0.4);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+.main .mm .flight #caution {
+    top: 590px;
+    width: 99%;
+    height:50px;
+    text-align: right;
+    color:rgb(180,180,190);
+    position: absolute;
+}
+
+
+/* .main .mm .flight table::-webkit-scrollbar {
+    display: none;
+} */
+
+.main .mm .flight table tbody#record {
+    position: absolute;
+    width: 100%;
+    height: 460px;
+    top: 52px;
+    overflow-y: scroll;
+}
+
+.main .mm .flight .tbl_header tr {
+    height: 50px;
+    max-height: 50px;
+}
+
+.main .mm .flight table #airline {
+    width: 118px;
+    max-width: 120px;
+}
+
+.main .mm .flight table #flight {
+    width: 70px;
+    max-width: 70px;
+}
+
+.main .mm .flight table #scheduled {
+    width: 128px;
+    max-width: 130px;
+}
+
+.main .mm .flight table #origin {
+    width: 88px;
+    max-width: 90px;
+}
+
+.main .mm .flight table #destination {
+    width: 122px;
+    max-width: 124px;
+}
+
+.main .mm .flight table #type {
+    width: 148px;
+    max-width: 150px;
+}
+
+.main .mm .flight table #gate {
+    width: 58px;
+    max-width: 60px;
+}
+
+.main .mm .flight table td#status {
+    width: 168px;
+    max-width: 169px;
+}
+
+.main .mm .flight table th#airline {
+    border-top-left-radius: 10px;
+}
+
+.main .mm .flight table th#status {
+    width: 168px;
+    max-width: 169px;
+    border-top-right-radius: 10px;
+}
+
+.main .mm .flight table th {
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    background: rgba(0, 0, 0, 0.4);
+}
+
+.main .mm .flight table td {
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    background: rgba(0, 0, 0, 0.2);
+}
+
+.main .mm .flight ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.main .mm .flight ::-webkit-scrollbar-track {
+    background-color: lightblue;
+}
+
+.main .mm .flight ::-webkit-scrollbar-track-piece {
+    background-color: gray;
+}
+
+.main .mm .flight ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+.main .mm .flight ::-webkit-scrollbar-button:start {
+    background-color: orange;
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.main .mm .flight ::-webkit-scrollbar-button:end {
+    background-color: orange;
+    /* Bottom, Right 방향의 이동버튼 */
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HTL00001/hoteltv.app.full.mm.weather.css b/procentric/application/theme/HTL00001/hoteltv.app.full.mm.weather.css
new file mode 100755
index 0000000..c446008
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.mm.weather.css
@@ -0,0 +1,186 @@
+/* =============================
+   Main Menu Weather Format 
+*/
+
+.main .mm .weather {
+    position: absolute;
+    top: 200px;
+    left: 0px;
+    width: 100%;
+    height: 400px;
+    max-height: 400px;
+    padding-left: 0;
+    margin: 0;
+    background-color: rgba(235, 235, 235, .5);
+    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.8));
+    z-index: 1;
+    display: none;
+}
+
+.main .mm .weather .location {
+    position: absolute;
+    top: 40px;
+    left: 100px;
+    font-size: 50px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    z-index: 1;
+    display: block;
+}
+
+.main .mm .weather .today {
+    position: absolute;
+    top: 0px;
+    left: 100px;
+    width: 320px;
+    height: 100%;
+}
+
+.main .mm .weather .today #temp_cur {
+    position: relative;
+    top: 110px;
+    font-size: 160px;
+    text-align: center;
+    color: rgb(21, 126, 251);
+}
+
+.main .mm .weather .today #temp_minmax {
+    position: relative;
+    top: 120px;
+    font-size: 50px;
+    text-align: right;
+    color: rgb(235, 235, 235);
+    display: block;
+}
+
+.main .mm .weather .today .detail {
+    position: absolute;
+    top: 40px;
+    left: 400px;
+    width: 400px;
+    height: 360px;
+    color: rgb(235, 235, 235);
+    overflow: hidden;
+    display: block;
+}
+
+.main .mm .weather .today .detail #discription {
+    height: 50px;
+    font-size: 40px;
+    text-align: center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #img_status {
+    height: 160px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #humidity {
+    width: 100%;
+    padding: 20px;
+    height: 40px;
+    text-align: center;
+    display: block;
+}
+
+.main .mm .weather .today .detail #wind {
+    width: 100%;
+    height: 40px;
+    text-align: center;
+    display: block;
+    margin-top: 24px;
+}
+
+.main .mm .weather .today .detail #icon {
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+}
+
+.main .mm .weather .forcast .daily {
+    position: absolute;
+    top: 10px;
+    left: 1000px;
+    width: 910px;
+    height: 180px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    padding: 5px 0 0 10px;
+    color: rgb(235, 235, 235);
+}
+
+.main .mm .weather .forcast .daily ul {
+    width: 95%;
+    height: 100px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast .daily li {
+    width: 150px;
+    height: 90px;
+    font-size: 24px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: right center;
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+    float: left;
+    display: inline;
+    margin: 0 10px 0 10px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast div#time {
+    height: 90%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
+
+.main .mm .weather .forcast div#temp {
+    margin-top: 8px;
+    height: 30%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
+
+.main .mm .weather .forcast .weekly {
+    position: absolute;
+    top: 200px;
+    left: 1000px;
+    width: 910px;
+    height: 190px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+    padding: 0 0 0 10px;
+    color: rgb(235, 235, 235);
+}
+
+.main .mm .weather .forcast .weekly ul {
+    width: 95%;
+    height: 100px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast .weekly li {
+    width: 150px;
+    height: 90px;
+    font-size: 24px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: right center;
+    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
+    float: left;
+    display: inline;
+    margin: 0 10px 0 10px;
+    list-style: none;
+}
+
+.main .mm .weather .forcast div#date {
+    height: 90%;
+    text-align: left;
+    color: rgb(170, 170, 170);
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HTL00001/hoteltv.app.full.mypage.css b/procentric/application/theme/HTL00001/hoteltv.app.full.mypage.css
new file mode 100755
index 0000000..2e4b85c
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.mypage.css
@@ -0,0 +1,518 @@
+.main .mypage {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .mypage .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .mypage .bg div#lst_mypagebg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
+    width: 1920px;
+    height: 1080px;
+    background-image: var(--bg_noplay);
+}
+
+.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
+    width: 100%;
+    height: 100%;
+    background-image: url(tv:);
+}
+
+.main .mypage .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .mypage .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .mypage .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#mp_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    font-size: 2.2vw;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#mp_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+div#lst_mypagebg div #mp_accomo_title {
+    position: absolute;
+    top: 165px;
+    left: 224px;
+    width: 1536px;
+    height: 42px;
+    line-height: 42px;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+}
+
+div#lst_mypagebg div #mp_accomo_title::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 40px;
+    margin-left: -62px;
+    background-image: url("./images/icons/icon_mypage_title.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_accomo_infowin {
+    position: absolute;
+    top: 230px;
+    left: 160px;
+    width: 1600px;
+    height: 600px;
+    padding: 30px 10px 10px 10px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(28, 28, 28);
+    background-color: rgba(0, 0, 0, 0.5);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item {
+    font-size: 32px;
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #header {
+    width: 20%;
+    height: 50px;
+    text-align: right;
+    display: inline-block;
+}
+
+div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #value {
+    width: 80%;
+    margin-left: 50px;
+}
+
+div#lst_mypagebg div #mp_hotel_infowin {
+    position: absolute;
+    top: 664px;
+    left: 190px;
+    width: 1540px;
+    height: 132px;
+    background-color: rgba(84, 84, 84, 0.9);
+    padding: 10px 11px 10px 11px;
+    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item {
+    width: 32%;
+    height: 100%;
+    display: inline-block;
+    padding: 5px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    text-shadow: 0 0 3px rgba(0, 0, 0, 1);
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #title {
+    display: block;
+    font-size: 26px;
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address {
+    position: absolute;
+    width: 470px;
+    top: 60px;
+    margin-left: 26px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -32px;
+    background-image: url("./images/icons/icon_place_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email {
+    position: absolute;
+    width: 470px;
+    top: 60px;
+    margin-left: 32px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -36px;
+    background-image: url("./images/icons/icon_cotact_email_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone {
+    position: absolute;
+    width: 470px;
+    top: 90px;
+    margin-left: 32px
+}
+
+div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone::before {
+    position: absolute;
+    content: '';
+    width: 30px;
+    height: 26px;
+    margin-left: -36px;
+    background-image: url("./images/icons/icon_contact_phone_48x48.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_message_title {
+    position: absolute;
+    top: 165px;
+    left: 224px;
+    width: 1536px;
+    height: 42px;
+    line-height: 42px;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+}
+
+div#lst_mypagebg div #mp_message_title::before {
+    position: absolute;
+    content: '';
+    width: 48px;
+    height: 40px;
+    margin-left: -62px;
+    background-image: url("./images/icons/icon_cotact_email_96x96.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
+}
+
+div#lst_mypagebg div #mp_message_table {
+    position: absolute;
+    top: 230px;
+    left: 160px;
+    width: 1600px;
+    height: 600px;
+    padding: 10px 10px 10px 32px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(28, 28, 28);
+    background-color: rgba(0, 0, 0, 0.5);
+    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr {
+    position: absolute;
+    width: 1580px;
+    font-size: 36px;
+    line-height: 74px;
+    display: block;
+    border-collapse: collapse;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr {
+    text-align: center;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr th {
+    border-bottom: 5px solid rgb(94, 94, 94, 1);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#num {
+    width: 160px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#title {
+    width: 780px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#from {
+    width: 300px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#date {
+    width: 280px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec {
+    position: absolute;
+    top: 90px;
+    width: 1580px;
+    height: 478px;
+    font-size: 32px;
+    overflow: auto;
+    display: block;
+    border-collapse: separate;
+    border-spacing: 0 16px;
+    text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 1);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tbody {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow-y: scroll;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr {
+    line-height: 52px;
+    text-align: center;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr.focus {
+    background-color: rgba(127, 127, 127, 0.9);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr td {}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num {
+    width: 160px;
+    padding-left: 90px;
+    text-align: left;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num::before {
+    position: absolute;
+    content: '';
+    background-image: url(./images/icons/icon_unread_message_48x48.png);
+    margin-top: 6px;
+    width: 42px;
+    height: 38px;
+    margin-left: -64px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    filter: drop-shadow(0 0 4px rgb(0, 0, 0));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num.read::before {
+    position: absolute;
+    content: '';
+    background-image: url(./images/icons/icon_read_message_48x48.png);
+    margin-top: 6px;
+    width: 42px;
+    height: 38px;
+    margin-left: -64px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    filter: drop-shadow(0 0 4px rgb(0, 0, 0));
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#title {
+    width: 780px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#from {
+    width: 300px;
+}
+
+div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#date {
+    width: 280px;
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .mypage .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mp_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .mypage .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+
+
+
+/**********************************************************************
+ * Replay Welcome movie
+ **********************************************************************/
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl {
+    position: absolute;
+    top: 820px;
+    left: 1700px;
+    height: 54px;
+    line-height: 54px;
+    color: rgb(235, 235, 235);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    white-space: nowrap;
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
+    animation-delay: 4s;
+    animation-name: moveMypageMvCtrl;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes moveMypageMvCtrl {
+    from {
+        left: 1700px;
+    }
+    to {
+        left: 2220px
+    }
+}
+
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
+    position: absolute;
+    content: '';
+    width: 128px;
+    height: 54px;
+    margin-left: -140px;
+    background-image: url("./images/icons/icon_btn_media_play.png");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
+    animation-name: iconCtzMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 1s;
+}
+
+@keyframes iconCtzMvCtrlBtn {
+    0% {
+        transform: rotateX(0deg);
+    }
+    50% {
+        transform: rotateX(90deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+    100% {
+        transform: rotateX(0deg);
+        background-image: url("./images/icons/icon_btn_media_stop.png");
+    }
+}
+
+.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
+    content: var(--playmsg);
+}
+
+.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
+    animation-delay: 1s;
+    animation-name: msgMypageMvCtrlBtn;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+    animation-fill-mode: forwards;
+    animation-duration: 2s;
+}
+
+@keyframes msgMypageMvCtrlBtn {
+    0% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0;
+        content: var(--stopmsg);
+    }
+    50% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+    100% {
+        opacity: 1;
+        content: var(--stopmsg);
+    }
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HTL00001/hoteltv.app.full.news.css b/procentric/application/theme/HTL00001/hoteltv.app.full.news.css
new file mode 100755
index 0000000..64080c7
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.news.css
@@ -0,0 +1,43 @@
+/* 뉴스 */
+
+.news {
+    position: absolute;
+    top: 1044px;
+    left: 0;
+    width: 100%;
+    height: 36px;
+    background-color: rgba(19, 21, 23, 0.6);
+    filter: drop-shadow(0 -10px 5px rgba(0, 0, 0, 0.5));
+    display: none;
+    z-index: 1;
+}
+
+.news>.title {
+    position: absolute;
+    width: 160px;
+    color: rgb(235, 235, 235);
+    font-size: 32px;
+    line-height: 32px;
+    text-align: center;
+    border: solid rgba(0, 0, 0, 0.5);
+    margin: 0 20px 0 20px;
+    background-color: rgba(128, 128, 128, 0.3);
+}
+
+.news>.newsctz {
+    padding: 0;
+    margin: 8px 0 0 200px;
+    color: rgb(165, 175, 185);
+}
+
+.news>.newsctz #hoteltv-news-ticker li {
+    font-size: 26px;
+    line-height: 24px;
+}
+
+.news>.newsctz #hoteltv-news-ticker li img {
+    height: 34px;
+    vertical-align: top;
+    /* padding: 3px 10px 10px 0; */
+    object-fit: cover;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HTL00001/hoteltv.app.full.popup.css b/procentric/application/theme/HTL00001/hoteltv.app.full.popup.css
new file mode 100755
index 0000000..00eea29
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.popup.css
@@ -0,0 +1,2898 @@
+/* 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                                                  [ START HERE] *
+ ********************************************************************************/
+/*[AM1. Amenity style                                                         ] */
+.popup .amenity {
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    display: none;
+}
+
+.popup .amenity div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+/*[AM1-1. Amenity bg style                                                    ] */
+.popup .amenity .bg {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .amenity .bg div {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+/*[AM1-1-1. Amenity bg: owl style                                             ] */
+.popup .amenity .bg .owl-carousel .owl-stage .owl-item {
+    width: 100%;
+}
+
+/*[AM1-1-1-1. Amenity bg: owl: top gradient style                             ] */
+.popup .amenity .bg .owl-carousel .owl-stage .top_gradient{
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 240px;
+    background: linear-gradient(0deg, rgba(7,8,11,0) 0%, rgba(7,8,11,0.5) 45%, rgba(7,8,11,0.9) 100%);
+}
+
+/*[AM1-1-1-2. Amenity bg: owl: bottom gradient style                          ] */
+.popup .amenity .bg .owl-carousel .owl-stage .bottom_gradient{
+    position: absolute;
+    left: 0;
+    top: 928px;
+    width: 100%;
+    height: 152px;
+    background: linear-gradient(0deg, rgba(7,8,11,0.9) 0%, rgba(7,8,11,50%) 75%, rgba(7,8,11,0) 100%);
+}
+
+/*[AM1-1-1-3. Amenity bg: owl: amenity item sel window                        ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win {
+    position: absolute;
+    left: 21px;
+    top: 207px;
+    width: 1874px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    /* background: rgba(114,18,22,0.65); */
+    display: flex;
+}
+
+/*[AM1-1-1-3-1. Amenity bg: owl: amenity item sel window : winleft            ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winleft {
+    position: relative;
+    width: 902px;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.65);
+    margin: 0px 10px 0px 25px;
+    color: rgb(249, 249, 249);
+    border-top: 2px solid rgba(121,121,121,1);
+    border-bottom: 2px solid rgba(121,121,121,1);
+}
+
+/*[AM1-1-1-3-1-1. Amenity bg: owl: amenity item sel window : winleft: item table] */
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header {
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+    border-bottom: 4px solid rgba(121,121,121,1);
+    /* border-top: 2px solid rgba(121,121,121,1); */
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr {
+    height: 54px;
+    max-height: 54px;
+    background-color: rgba(21, 27, 34, 1);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#title {
+    width: 42%;
+    float: left;
+    /* text-align: left; */
+    padding: 0 0px 0 20px;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#price {
+    width: 20%;
+    float: left;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#status {
+    width: 38%;
+    float: left;
+    padding: 0px 30px 0 0px;
+}
+
+
+/**** Amenity Category item ::> Table Recored */
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record {
+    /* height: 284px;*/
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody {
+    height: 670px;
+    overflow-y: auto;
+    display: block;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr {
+    /* height: 52px; */
+    display: block;
+    background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem {
+    height: 52px;
+    width: 100%;
+    font-size: 30px;
+    line-height: 52px;
+    border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(29,36,47,1.0);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus.unavailable:before {
+
+}
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus.unavailable:after {
+
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#title {
+    width: 42%;
+    float: left;
+    padding: 0px 0px 0px 20px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#price {
+    width: 20%;
+    float: left;
+    text-align: center;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#status {
+    width: 38%;
+    float: left;
+    /* text-align: right; */
+    padding: 0px 30px 0 0px;
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track {
+    background-color: rgb(67, 82, 105);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
+    background-color: rgb(80, 98, 124);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgb(51, 63, 80);
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:start {
+    display: none;
+    /* background-color: orange; */
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:end {
+    display: none;
+    /* background-color: orange; */
+    /* Bottom, Right 방향의 이동버튼 */
+}
+
+
+/*[AM1-1-1-3-2. Amenity bg: owl: amenity item sel window : winright           ] */
+/**** Amenity Item Description ::>  */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright {
+    position: relative;
+    width: 902px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.65);
+    margin: 0px 25px 0px 10px;
+    color: rgb(249, 249, 249);
+    border-top: 2px solid rgba(121,121,121,1);
+    border-bottom: 2px solid rgba(121,121,121,1);
+    display: none;
+}
+
+.popup .amenity .bg .owl-carousel .owl-item.active[class*="focus"] .am_item_sel_win .winright{
+
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb{
+    width: 852px;
+    height: 479px;
+    margin: 10px 25px 10px 25px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb.unavailabel:before {
+    /* content: 'Not available';
+    width: 100%;
+    height: 100%;
+    transform: rotate(-30deg);
+    top: 0;
+    left: 0;
+    font-size: 7em;
+    font-weight: bolder;
+    color: rgba(1,1,1,1);
+    opacity: 0.7;
+    display: block;
+    align-items: center;
+    line-height: 479px;
+    text-align: center; */
+}
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb.unavailabel:after {
+    /* content: '';
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: #000;
+    opacity: 0.6 */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescDetails{
+    width: 852px;
+    height: 238px;
+    margin: 0px 25px 0px 25px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescDetails div#title{
+    height: 54px;
+    width: 100%;
+    line-height: 54px;
+    font-size: 44px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border-bottom: 4px solid rgb(235,235,235);
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescDetails div#description{
+    height:174px;
+    line-height: 30px;
+    font-size: 30px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    padding: 14px 0px 0px 0px;
+}
+
+/*[AM1-1-1-4. Amenity bg: owl: selected item cart style window                ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win {
+    position: absolute;
+    left: 21px;
+    top: 207px;
+    width: 1874px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    /* background: rgba(114,18,22,0.65); */
+    display: flex;
+}
+
+/*[AM1-1-1-4-1. Amenity bg: owl: amenity item sel cart window : winleft       ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft {
+    position: relative;
+    width: 902px;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.8);
+    margin: 0px 10px 0px 25px;
+    color: rgb(249, 249, 249);
+    border-top: 5px solid rgba(121,121,121,1);
+    border-bottom: 5px solid rgba(121,121,121,1);
+    /* border-top: 6px solid rgba(218,165,32,1);
+    border-bottom: 6px solid rgba(218,165,32,1); */
+    /* display: none; */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.title{
+    height: 54px;
+    width: 96%;
+    line-height: 54px;
+    font-size: 44px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border-bottom: 4px solid rgb(235,235,235);
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    margin: 10px 2% 0px 2%;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control{
+    position: relative;
+    height: 254px;
+    width: 96%;
+    padding: 20px 2% 20px 2%;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #img_thumbnail{
+    width: 40%;
+    height: 228px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: contain;
+    float: left;
+    margin: 0px 0px 0px 2%;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control>.quantity{
+    height: 228px;
+    width: 58%;
+    display: flex;
+    float: left;
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding: 0px 30px 0px 30px;
+    overflow: hidden;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #label_quantity{
+    line-height: 137px;
+    width: 50%;
+    height: 60%;
+    font-size: 38px;
+    text-align: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #value_quantity{
+    line-height: 137px;
+    width: 50%;
+    height: 60%;
+    font-size: 40px;
+    text-align: center;
+    color: rgba(218,165,32,1.0);
+    background-image: url(./images/quantity_edit_arrow.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #label_amount{
+    line-height: 91px;
+    width: 50%;
+    height: 40%;
+    font-size: 38px;
+    text-align: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #value_amount{
+    line-height: 91px;
+    width: 50%;
+    height: 40%;
+    font-size: 40px;
+    text-align: center;
+    color: rgba(218,165,32,1.0);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.description{
+    height: 316px;
+    width: 100%;
+    padding: 20px 2% 20px 2%;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.description>#title{
+    height: 54px;
+    width: 100%;
+    line-height: 54px;
+    font-size: 38px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border-bottom: 4px solid rgb(235,235,235);
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+}
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.description>#details{
+    /* height:174px; */
+    line-height: 30px;
+    font-size: 30px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    padding: 14px 0px 0px 0px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons{
+    line-height: 65px;
+    height: 65px;
+    width: 100%;
+    display: flex;
+    float: left;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    padding: 0px 30px 0px 30px;
+    overflow: hidden;
+    text-align: center;
+    font-size: 38px;
+    color: rgba(51,51,51,1.0);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons>div{
+    border-radius: 14px;
+    background-color: rgba(255,255,255,1.0);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons>div.focus{
+    /*border: 8px solid rgba(218,165,32,1.0); */
+    /* color: rgba(0,0,0,1); */
+    /* background-color: rgba(218,165,32,1.0); */
+    background-color: rgba(173,255,47,1.0);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons #btn_ordernow{
+    /* border-radius: 14px; */
+    /* background-color: rgba(255,255,255,1.0); */
+    margin: 0px 20px 0px 0px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons #btn_addtocart{
+    /* border-radius: 14px; */
+    /* background-color: rgba(255,255,255,1.0); */
+    margin: 0px 20px 0px 20px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons #btn_back{
+    /* border-radius: 14px; */
+    /* background-color: rgba(255,255,255,1.0); */
+    margin: 0px 0px 0px 20px;
+}
+
+/*[AM1-1-1-4-2. Amenity bg: owl: amenity item sel cart window : winright      ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright {
+    position: relative;
+    width: 902px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.8);
+    margin: 0px 25px 0px 10px;
+    color: rgb(249, 249, 249);
+    border-top: 5px solid rgba(121,121,121,1);
+    border-bottom: 5px solid rgba(121,121,121,1);
+    /* border-top: 6px solid rgba(218,165,32,1);
+    border-bottom: 6px solid rgba(218,165,32,1); */
+    /* display: none; */
+}
+
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.title{
+    height: 54px;
+    width: 96%;
+    line-height: 54px;
+    font-size: 44px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border-bottom: 4px solid rgb(235,235,235);
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    margin: 10px 2% 0px 2%;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table{
+    position: relative;
+    height: 550px;
+    width: 100%;
+    padding: 20px 2% 20px 2%;
+}
+
+/**** Amenity Category item ::> Table Header */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header {
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+    border-bottom: 4px solid rgba(121,121,121,1);
+    /* border-top: 2px solid rgba(121,121,121,1); */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr {
+    height: 54px;
+    max-height: 54px;
+    background-color: rgba(21, 27, 34, 1);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#title {
+    width: 50%;
+    float: left;
+    /* text-align: left; */
+    padding: 0 0px 0 20px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#quantity {
+    width: 20%;
+    float: left;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#amount {
+    width: 30%;
+    float: left;
+    padding: 0px 30px 0 0px;
+}
+
+
+/**** Amenity Category item ::> Table Recored */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record {
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody {
+    height: 446px;
+    overflow-y: auto;
+    display: block;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr {
+    /* height: 52px; */
+    display: block;
+    background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem {
+    height: 52px;
+    width: 100%;
+    font-size: 30px;
+    line-height: 52px;
+    border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.focus {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(29,36,47,1.0);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.focus.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#title {
+    width: 50%;
+    float: left;
+    padding: 0px 0px 0px 20px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#quantity {
+    width: 20%;
+    float: left;
+    text-align: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#amount {
+    width: 30%;
+    float: left;
+    /* text-align: right; */
+    padding: 0px 30px 0 0px;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-track {
+    background-color: rgb(67, 82, 105);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-track-piece {
+    background-color: rgb(80, 98, 124);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgb(51, 63, 80);
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-button:start {
+    display: none;
+    /* background-color: orange; */
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-button:end {
+    display: none;
+    /* background-color: orange; */
+    /* Bottom, Right 방향의 이동버튼 */
+}
+
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.summary{
+    position: relative;
+    height: 65px;
+    width: 96%;
+    margin: 12px 2% 0px 2%;
+    padding: 18px 2% 0px 2%;
+    display: flex;
+    float: left;
+    flex-direction: row;
+    flex-wrap: wrap;
+    overflow: hidden;
+    border-top: 4px solid rgba(121,121,121,1);
+}
+
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.summary>#label{
+    line-height: 40px;
+    width: 50%;
+    height: 100px;
+    font-size: 48px;
+    text-align: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.summary>#value{
+    line-height: 40px;
+    width: 50%;
+    height: 100%;
+    font-size: 52px;
+    color: rgb(173, 255, 47);
+    text-align: center;
+}
+
+
+
+/*[AM1-1-1-5. Amenity bg: owl: selected item order style window                ] */
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_order_win {
+    position: absolute;
+    left: 21px;
+    top: 207px;
+    width: 1874px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    /* background: rgba(114,18,22,0.65); */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_order_win #message{
+    line-height: 42px;
+    font-size: 38px;
+    width: 88%;
+    height: 368px;
+    padding: 40px 20px 40px 20px;
+    background: rgba(14,18,22,0.8);
+    color: rgb(249, 249, 249);
+    white-space: pre-wrap;
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border-radius: 40px;
+    border: 4px solid rgba(121,121,121,1);
+    margin: 20px auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+
+
+/********************************************************************************/
+/*[AM2. Amenity slider style                                                  ] */
+.popup .amenity .slider {
+    position: absolute;
+    top: 60px;
+    left: 0px;
+    width: 1920px;
+    /* height: 300px; */
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme {
+    max-height: 266px;
+    height: 100px;
+    padding-left: 0;
+    /* margin: 5px 0 0 0; */
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 0;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer .owl-stage {
+    height: 100%;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer .owl-stage .owl-item{
+    height: 100%;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer #am_item_title{
+    position: absolute;
+    /* top: 190px; */
+    top: 22px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 38px;
+    line-height: 52px;
+    white-space: nowrap;
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer .owl-item.focus.active.center #am_item_title{
+    font-size: 42px;
+}
+
+.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer #ctgy_item_btn{
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+
+/*** OWL Amenity Menu Selector dot Container */
+.popup .amenity .slider .owl-dots {
+    position: absolute;
+    top: -45px;
+    width: 100%;
+    align-content: center;
+    display: none;
+}
+
+.popup .amenity .slider .owl-theme .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+    background: none;
+}
+
+.popup .amenity .slider .owl-theme .owl-dots .owl-dot.active span {
+    /* background: rgb(181, 218, 16); */
+    background: rgb(245, 245, 245);
+}
+
+.popup .amenity .slider .owl-carousel .owl-item.active.focus:after {
+    width: 336px;
+}
+
+.popup .amenity .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+    width: 264px;
+}
+
+.popup .amenity .slider .owl-carousel .owl-item.active.focus div [id*="ctgy_item_btn"] {
+    background-image: var(--icon_focus);
+}
+
+.popup .amenity .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctgy_item_btn"] {
+    background-image: var(--icon_unfocus);
+}
+
+/* .popup .amenity .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
+    transform: scale(1.1);
+} */
+
+/*[AM3. Amenity Use guide style                                               ] */
+.popup .amenity>div.use_guide {
+    position: absolute;
+    top: 948px;
+    left: 0px;
+    width: 100%;
+    height: 132px;
+    margin: 0;
+    padding: 0px 20px 0px 48px;
+    /* color: rgb(245,245,245); */
+    color: rgb(181, 218, 16);
+    line-height: 32px;
+    font-size: 32px;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+}
+
+
+
+/*[AM4. Amenity cart style                                                    ] */
+.popup .amenity>div.cart {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 946px;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+    background: rgba(0,0,0,0.7);
+    z-index: 1;
+}
+
+.popup .amenity>div.cart>div {
+    top: 60px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    /* background: rgba(1,1,1,1.0); */
+}
+
+.popup .amenity>div.cart .menu {
+    width: 902px;
+    height: 876px;
+    margin: 0px 37px 0px 21px;
+    display: block;
+    /* background: rgba(100,1,1,1.0); */
+}
+
+.popup .amenity>div.cart .items {
+    width: 902px;
+    height: 876px;
+    margin: 0px 37px 0px 21px;
+    display: block;
+    /* background: rgba(100,1,1,1.0); */
+}
+
+.popup .amenity>div.cart .menu div#title {
+
+}
+
+.popup .amenity>div.cart .menu div#control {
+
+}
+
+.popup .amenity>div.cart .menu div#control #thumb {
+
+}
+
+.popup .amenity>div.cart .menu div#control #quantity {
+
+}
+
+.popup .amenity>div.cart .menu div#description {
+
+}
+
+/*[AM5 Amenity order style                                                    ] */
+.popup .amenity .order {
+    position: absolute;
+    left: 21px;
+    top: 207px;
+    width: 1874px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    /* background: rgba(114,18,22,0.65); */
+    display: flex;
+    z-index: 1;
+}
+
+/*[AM5-1. Amenity order: winleft                                              ] */
+.popup .amenity .order .winleft {
+    position: relative;
+    width: 902px;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.65);
+    margin: 0px 10px 0px 25px;
+    color: rgb(249, 249, 249);
+    /* border-top: 2px solid rgba(121,121,121,1);
+    border-bottom: 2px solid rgba(121,121,121,1); */
+}
+
+/*[AM1-1-1-3-1-1. Amenity bg: owl: amenity item sel window : winleft: item table] */
+.popup .amenity .order .winleft>.tbl_header {
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+    border-bottom: 4px solid rgba(121,121,121,1);
+    /* border-top: 2px solid rgba(121,121,121,1); */
+}
+
+.popup .amenity .order .winleft>.tbl_header tbody tr {
+    height: 54px;
+    max-height: 54px;
+    background-color: rgba(21, 27, 34, 1);
+}
+
+.popup .amenity .order .winleft>.tbl_header tbody tr>#orderid {
+    width: 45%;
+    float: left;
+    /* text-align: left; */
+    padding: 0 0px 0 20px;
+}
+
+.popup .amenity .order .winleft>.tbl_header tbody tr>#amount {
+    width: 20%;
+    float: left;
+}
+
+.popup .amenity .order .winleft>.tbl_header tbody tr>#date {
+    width: 35%;
+    float: left;
+    padding: 0px 30px 0 0px;
+}
+
+
+/**** Amenity Category item ::> Table Recored */
+.popup .amenity .order .winleft>.tbl_record {
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody {
+    height: 572px;
+    overflow-y: auto;
+    display: block;
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr {
+    /* height: 52px; */
+    display: block;
+    background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem {
+    height: 52px;
+    width: 100%;
+    font-size: 30px;
+    line-height: 52px;
+    border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(29,36,47,1.0);
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus.unavailable:before {
+
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus.unavailable:after {
+
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#orderid {
+    width: 45%;
+    float: left;
+    padding: 0px 0px 0px 20px;
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#amount {
+    width: 20%;
+    float: left;
+    text-align: center;
+}
+
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#date {
+    width: 35%;
+    float: left;
+    /* text-align: right; */
+    padding: 0px 30px 0 0px;
+}
+
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-track {
+    background-color: rgb(67, 82, 105);
+}
+
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
+    background-color: rgb(80, 98, 124);
+}
+
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgb(51, 63, 80);
+}
+
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-button:start {
+    display: none;
+    /* background-color: orange; */
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-button:end {
+    display: none;
+    /* background-color: orange; */
+    /* Bottom, Right 방향의 이동버튼 */
+}
+
+
+.popup .amenity .order .winleft>.summary{
+    position: relative;
+    height: 65px;
+    width: 96%;
+    margin: 12px 2% 0px 2%;
+    padding: 18px 2% 0px 2%;
+    display: flex;
+    float: left;
+    flex-direction: row;
+    flex-wrap: wrap;
+    overflow: hidden;
+    border-top: 4px solid rgba(121,121,121,1);
+}
+
+
+.popup .amenity .order .winleft>.summary>#label{
+    line-height: 40px;
+    width: 50%;
+    height: 100px;
+    font-size: 48px;
+    text-align: center;
+}
+
+.popup .amenity .order .winleft>.summary>#value{
+    line-height: 40px;
+    width: 50%;
+    height: 100%;
+    font-size: 52px;
+    color: rgb(173, 255, 47);
+    text-align: center;
+}
+
+/********************************************************************************/
+/* AMENITY STYLE                                                        [ END ] */
+/********************************************************************************/
+
+
+
+
+
+
+
+
+
+
+/********************************************************************************
+ * ROOMSERVICE STYLE                                              [ START HERE] *
+ ********************************************************************************/
+/*[RS1. Roomservice style                                                         ] */
+.popup .roomservice {
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    display: none;
+}
+
+.popup .roomservice div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+/*[RS1-1. Roomservice bg style                                                    ] */
+.popup .roomservice .bg {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .roomservice .bg div {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+/*[RS1-1-1. Roomservice bg: owl style                                             ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .owl-item {
+    width: 100%;
+}
+
+/*[RS1-1-1-1. Roomservice bg: owl: top gradient style                             ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .top_gradient{
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 240px;
+    background: linear-gradient(0deg, rgba(7,8,11,0) 0%, rgba(7,8,11,0.5) 45%, rgba(7,8,11,0.9) 100%);
+}
+
+/*[RS1-1-1-2. Roomservice bg: owl: bottom gradient style                          ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .bottom_gradient{
+    position: absolute;
+    left: 0;
+    top: 928px;
+    width: 100%;
+    height: 152px;
+    background: linear-gradient(0deg, rgba(7,8,11,0.9) 0%, rgba(7,8,11,50%) 75%, rgba(7,8,11,0) 100%);
+}
+
+/*[RS1-1-1-3. Roomservice bg: owl: roomservice item sel window                        ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win {
+    position: absolute;
+    left: 21px;
+    top: 207px;
+    width: 1874px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    /* background: rgba(114,18,22,0.65); */
+    display: flex;
+}
+
+/*[RS1-1-1-3-1. Roomservice bg: owl: roomservice item sel window : winleft            ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winleft {
+    position: relative;
+    width: 902px;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.65);
+    margin: 0px 10px 0px 25px;
+    color: rgb(249, 249, 249);
+    border-top: 2px solid rgba(121,121,121,1);
+    border-bottom: 2px solid rgba(121,121,121,1);
+}
+
+/*[RS1-1-1-3-1-1. Roomservice bg: owl: roomservice item sel window : winleft: item table] */
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header {
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+    border-bottom: 4px solid rgba(121,121,121,1);
+    /* border-top: 2px solid rgba(121,121,121,1); */
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr {
+    height: 54px;
+    max-height: 54px;
+    background-color: rgba(21, 27, 34, 1);
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr>#title {
+    width: 45%;
+    float: left;
+    /* text-align: left; */
+    padding: 0 0px 0 20px;
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr>#price {
+    width: 20%;
+    float: left;
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr>#status {
+    width: 35%;
+    float: left;
+    padding: 0px 30px 0 0px;
+}
+
+
+/**** Roomservice Category item ::> Table Recored */
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record {
+    /* height: 284px;*/
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody {
+    height: 670px;
+    overflow-y: auto;
+    display: block;
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr {
+    /* height: 52px; */
+    display: block;
+    background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem {
+    height: 52px;
+    width: 100%;
+    font-size: 30px;
+    line-height: 52px;
+    border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem.focus {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(29,36,47,1.0);
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem.focus.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem.focus.unavailable:before {
+
+}
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem.focus.unavailable:after {
+
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem>#title {
+    width: 45%;
+    float: left;
+    padding: 0px 0px 0px 20px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem>#price {
+    width: 20%;
+    float: left;
+    text-align: center;
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem>#status {
+    width: 35%;
+    float: left;
+    /* text-align: right; */
+    padding: 0px 30px 0 0px;
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track {
+    background-color: rgb(67, 82, 105);
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
+    background-color: rgb(80, 98, 124);
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgb(51, 63, 80);
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:start {
+    display: none;
+    /* background-color: orange; */
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:end {
+    display: none;
+    /* background-color: orange; */
+    /* Bottom, Right 방향의 이동버튼 */
+}
+
+
+/*[RS1-1-1-3-2. Roomservice bg: owl: roomservice item sel window : winright           ] */
+/**** Roomservice Item Description ::>  */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright {
+    position: relative;
+    width: 902px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.65);
+    margin: 0px 25px 0px 10px;
+    color: rgb(249, 249, 249);
+    border-top: 2px solid rgba(121,121,121,1);
+    border-bottom: 2px solid rgba(121,121,121,1);
+    display: none;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-item.active[class*="focus"] .rs_item_sel_win .winright{
+
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescThumb{
+    width: 852px;
+    height: 479px;
+    margin: 10px 25px 10px 25px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescThumb.unavailabel:before {
+    /* content: 'Not available';
+    width: 100%;
+    height: 100%;
+    transform: rotate(-30deg);
+    top: 0;
+    left: 0;
+    font-size: 7em;
+    font-weight: bolder;
+    color: rgba(1,1,1,1);
+    opacity: 0.7;
+    display: block;
+    align-items: center;
+    line-height: 479px;
+    text-align: center; */
+}
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescThumb.unavailabel:after {
+    /* content: '';
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: #000;
+    opacity: 0.6 */
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescDetails{
+    width: 852px;
+    height: 238px;
+    margin: 0px 25px 0px 25px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescDetails div#title{
+    height: 54px;
+    width: 100%;
+    line-height: 54px;
+    font-size: 44px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border-bottom: 4px solid rgb(235,235,235);
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescDetails div#description{
+    height:174px;
+    line-height: 30px;
+    font-size: 30px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    padding: 14px 0px 0px 0px;
+}
+
+/*[RS1-1-1-4. Roomservice bg: owl: selected item cart style window                ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win {
+    position: absolute;
+    left: 21px;
+    top: 207px;
+    width: 1874px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    /* background: rgba(114,18,22,0.65); */
+    display: flex;
+}
+
+/*[RS1-1-1-4-1. Roomservice bg: owl: roomservice item sel cart window : winleft       ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft {
+    position: relative;
+    width: 902px;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.8);
+    margin: 0px 10px 0px 25px;
+    color: rgb(249, 249, 249);
+    border-top: 5px solid rgba(121,121,121,1);
+    border-bottom: 5px solid rgba(121,121,121,1);
+    /* border-top: 6px solid rgba(218,165,32,1);
+    border-bottom: 6px solid rgba(218,165,32,1); */
+    /* display: none; */
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.title{
+    height: 54px;
+    width: 96%;
+    line-height: 54px;
+    font-size: 44px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border-bottom: 4px solid rgb(235,235,235);
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    margin: 10px 2% 0px 2%;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control{
+    position: relative;
+    height: 254px;
+    width: 96%;
+    padding: 20px 2% 20px 2%;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control #img_thumbnail{
+    width: 40%;
+    height: 228px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: contain;
+    float: left;
+    margin: 0px 0px 0px 2%;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control>.quantity{
+    height: 228px;
+    width: 58%;
+    display: flex;
+    float: left;
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding: 0px 30px 0px 30px;
+    overflow: hidden;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control #label_quantity{
+    line-height: 137px;
+    width: 50%;
+    height: 60%;
+    font-size: 38px;
+    text-align: center;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control #value_quantity{
+    line-height: 137px;
+    width: 50%;
+    height: 60%;
+    font-size: 40px;
+    text-align: center;
+    color: rgba(218,165,32,1.0);
+    background-image: url(./images/quantity_edit_arrow.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control #label_amount{
+    line-height: 91px;
+    width: 50%;
+    height: 40%;
+    font-size: 38px;
+    text-align: center;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.control #value_amount{
+    line-height: 91px;
+    width: 50%;
+    height: 40%;
+    font-size: 40px;
+    text-align: center;
+    color: rgba(218,165,32,1.0);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.description{
+    height: 316px;
+    width: 100%;
+    padding: 20px 2% 20px 2%;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.description>#title{
+    height: 54px;
+    width: 100%;
+    line-height: 54px;
+    font-size: 38px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border-bottom: 4px solid rgb(235,235,235);
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+}
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.description>#details{
+    /* height:174px; */
+    line-height: 30px;
+    font-size: 30px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    padding: 14px 0px 0px 0px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons{
+    line-height: 65px;
+    height: 65px;
+    width: 100%;
+    display: flex;
+    float: left;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    padding: 0px 30px 0px 30px;
+    overflow: hidden;
+    text-align: center;
+    font-size: 38px;
+    color: rgba(51,51,51,1.0);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons>div{
+    border-radius: 14px;
+    background-color: rgba(255,255,255,1.0);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons>div.focus{
+    /*border: 8px solid rgba(218,165,32,1.0); */
+    /* color: rgba(0,0,0,1); */
+    /* background-color: rgba(218,165,32,1.0); */
+    background-color: rgba(173,255,47,1.0);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons #btn_ordernow{
+    /* border-radius: 14px; */
+    /* background-color: rgba(255,255,255,1.0); */
+    margin: 0px 20px 0px 0px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons #btn_addtocart{
+    /* border-radius: 14px; */
+    /* background-color: rgba(255,255,255,1.0); */
+    margin: 0px 20px 0px 20px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winleft>.buttons #btn_back{
+    /* border-radius: 14px; */
+    /* background-color: rgba(255,255,255,1.0); */
+    margin: 0px 0px 0px 20px;
+}
+
+/*[RS1-1-1-4-2. Roomservice bg: owl: roomservice item sel cart window : winright      ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright {
+    position: relative;
+    width: 902px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.8);
+    margin: 0px 25px 0px 10px;
+    color: rgb(249, 249, 249);
+    border-top: 5px solid rgba(121,121,121,1);
+    border-bottom: 5px solid rgba(121,121,121,1);
+    /* border-top: 6px solid rgba(218,165,32,1);
+    border-bottom: 6px solid rgba(218,165,32,1); */
+    /* display: none; */
+}
+
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.title{
+    height: 54px;
+    width: 96%;
+    line-height: 54px;
+    font-size: 44px;
+    white-space: pre-wrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border-bottom: 4px solid rgb(235,235,235);
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    margin: 10px 2% 0px 2%;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table{
+    position: relative;
+    height: 550px;
+    width: 100%;
+    padding: 20px 2% 20px 2%;
+}
+
+/**** Roomservice Category item ::> Table Header */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_header {
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+    border-bottom: 4px solid rgba(121,121,121,1);
+    /* border-top: 2px solid rgba(121,121,121,1); */
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr {
+    height: 54px;
+    max-height: 54px;
+    background-color: rgba(21, 27, 34, 1);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#title {
+    width: 50%;
+    float: left;
+    /* text-align: left; */
+    padding: 0 0px 0 20px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#quantity {
+    width: 20%;
+    float: left;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#amount {
+    width: 30%;
+    float: left;
+    padding: 0px 30px 0 0px;
+}
+
+
+/**** Roomservice Category item ::> Table Recored */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record {
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody {
+    height: 446px;
+    overflow-y: auto;
+    display: block;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr {
+    /* height: 52px; */
+    display: block;
+    background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem {
+    height: 52px;
+    width: 100%;
+    font-size: 30px;
+    line-height: 52px;
+    border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.focus {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(29,36,47,1.0);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem.focus.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#title {
+    width: 50%;
+    float: left;
+    padding: 0px 0px 0px 20px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#quantity {
+    width: 20%;
+    float: left;
+    text-align: center;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record tbody tr>.cartItem>#amount {
+    width: 30%;
+    float: left;
+    /* text-align: right; */
+    padding: 0px 30px 0 0px;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-track {
+    background-color: rgb(67, 82, 105);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-track-piece {
+    background-color: rgb(80, 98, 124);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgb(51, 63, 80);
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-button:start {
+    display: none;
+    /* background-color: orange; */
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.cart_table>.tbl_record ::-webkit-scrollbar-button:end {
+    display: none;
+    /* background-color: orange; */
+    /* Bottom, Right 방향의 이동버튼 */
+}
+
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.summary{
+    position: relative;
+    height: 65px;
+    width: 96%;
+    margin: 12px 2% 0px 2%;
+    padding: 4px 2% 0px 2%;
+    display: flex;
+    float: left;
+    flex-direction: row;
+    flex-wrap: wrap;
+    overflow: hidden;
+    border-top: 4px solid rgba(121,121,121,1);
+}
+
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.summary>#label{
+    line-height: 65px;
+    width: 50%;
+    height: 100px;
+    font-size: 48px;
+    text-align: center;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_cart_win .winright>.summary>#value{
+    line-height: 65px;
+    width: 50%;
+    height: 100%;
+    font-size: 52px;
+    color: rgb(173, 255, 47);
+    text-align: center;
+}
+
+
+
+/*[RS1-1-1-5. Roomservice bg: owl: selected item order style window                ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_order_win {
+    position: absolute;
+    left: 21px;
+    top: 207px;
+    width: 1874px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    /* background: rgba(114,18,22,0.65); */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_order_win #message{
+    line-height: 42px;
+    font-size: 38px;
+    width: 88%;
+    height: 368px;
+    padding: 40px 20px 40px 20px;
+    background: rgba(14,18,22,0.8);
+    color: rgb(249, 249, 249);
+    white-space: pre-wrap;
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border-radius: 40px;
+    border: 4px solid rgba(121,121,121,1);
+    margin: 20px auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+
+
+/********************************************************************************/
+/*[RS2. Roomservice slider style                                                  ] */
+.popup .roomservice .slider {
+    position: absolute;
+    top: 60px;
+    left: 0px;
+    width: 1920px;
+    /* height: 300px; */
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme {
+    max-height: 266px;
+    height: 100px;
+    padding-left: 0;
+    /* margin: 5px 0 0 0; */
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer {
+    /* height: 266px;
+    max-height: 266px; */
+    height: 100%;
+    padding-left: 0;
+    margin: 0;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer .owl-stage {
+    height: 100%;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer .owl-stage .owl-item{
+    height: 100%;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer #rs_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: 38px;
+    line-height: 52px;
+    white-space: nowrap;
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer .owl-item.focus.active.center #rs_item_title{
+    font-size: 42px;
+}
+
+.popup .roomservice .slider .owl-carousel.owl-theme .owl-stage-outer #ctgy_item_btn{
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+
+/*** OWL Roomservice Menu Selector dot Container */
+.popup .roomservice .slider .owl-dots {
+    position: absolute;
+    top: -45px;
+    width: 100%;
+    align-content: center;
+    display: none;
+}
+
+.popup .roomservice .slider .owl-theme .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+    background: none;
+}
+
+.popup .roomservice .slider .owl-theme .owl-dots .owl-dot.active span {
+    /* background: rgb(181, 218, 16); */
+    background: rgb(245, 245, 245);
+}
+
+.popup .roomservice .slider .owl-carousel .owl-item.active.focus:after {
+    width: 336px;
+}
+
+.popup .roomservice .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+    width: 264px;
+}
+
+.popup .roomservice .slider .owl-carousel .owl-item.active.focus div [id*="ctgy_item_btn"] {
+    background-image: var(--icon_focus);
+}
+
+.popup .roomservice .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctgy_item_btn"] {
+    background-image: var(--icon_unfocus);
+}
+
+/* .popup .roomservice .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
+    transform: scale(1.1);
+} */
+
+/*[RS3. Roomservice Use guide style                                               ] */
+.popup .roomservice>div.use_guide {
+    position: absolute;
+    top: 948px;
+    left: 0px;
+    width: 100%;
+    height: 132px;
+    margin: 0;
+    padding: 0px 20px 0px 48px;
+    /* color: rgb(245,245,245); */
+    color: rgb(181, 218, 16);
+    line-height: 32px;
+    font-size: 32px;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+}
+
+
+
+/*[RS4. Roomservice cart style                                                    ] */
+.popup .roomservice>div.cart {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 946px;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+    background: rgba(0,0,0,0.7);
+    z-index: 1;
+}
+
+.popup .roomservice>div.cart>div {
+    top: 60px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    /* background: rgba(1,1,1,1.0); */
+}
+
+.popup .roomservice>div.cart .menu {
+    width: 902px;
+    height: 876px;
+    margin: 0px 37px 0px 21px;
+    display: block;
+    /* background: rgba(100,1,1,1.0); */
+}
+
+.popup .roomservice>div.cart .items {
+    width: 902px;
+    height: 876px;
+    margin: 0px 37px 0px 21px;
+    display: block;
+    /* background: rgba(100,1,1,1.0); */
+}
+
+.popup .roomservice>div.cart .menu div#title {
+
+}
+
+.popup .roomservice>div.cart .menu div#control {
+
+}
+
+.popup .roomservice>div.cart .menu div#control #thumb {
+
+}
+
+.popup .roomservice>div.cart .menu div#control #quantity {
+
+}
+
+.popup .roomservice>div.cart .menu div#description {
+
+}
+
+/*[RS5 Roomservice order style                                                    ] */
+.popup .roomservice .order {
+    position: absolute;
+    left: 21px;
+    top: 207px;
+    width: 1874px;
+    height: 740px;
+    margin: 0;
+    padding: 0;
+    /* background: rgba(114,18,22,0.65); */
+    display: flex;
+    z-index: 1;
+}
+
+/*[RS5-1. Roomservice order: winleft                                              ] */
+.popup .roomservice .order .winleft {
+    position: relative;
+    width: 902px;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background: rgba(14,18,22,0.65);
+    margin: 0px 10px 0px 25px;
+    color: rgb(249, 249, 249);
+    /* border-top: 2px solid rgba(121,121,121,1);
+    border-bottom: 2px solid rgba(121,121,121,1); */
+}
+
+/*[RS1-1-1-3-1-1. Roomservice bg: owl: roomservice item sel window : winleft: item table] */
+.popup .roomservice .order .winleft>.tbl_header {
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+    border-bottom: 4px solid rgba(121,121,121,1);
+    /* border-top: 2px solid rgba(121,121,121,1); */
+}
+
+.popup .roomservice .order .winleft>.tbl_header tbody tr {
+    height: 54px;
+    max-height: 54px;
+    background-color: rgba(21, 27, 34, 1);
+}
+
+.popup .roomservice .order .winleft>.tbl_header tbody tr>#orderid {
+    width: 45%;
+    float: left;
+    /* text-align: left; */
+    padding: 0 0px 0 20px;
+}
+
+.popup .roomservice .order .winleft>.tbl_header tbody tr>#amount {
+    width: 20%;
+    float: left;
+}
+
+.popup .roomservice .order .winleft>.tbl_header tbody tr>#date {
+    width: 35%;
+    float: left;
+    padding: 0px 30px 0 0px;
+}
+
+
+/**** Roomservice Category item ::> Table Recored */
+.popup .roomservice .order .winleft>.tbl_record {
+    width:100%;
+    line-height: 54px;
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody {
+    height: 572px;
+    overflow-y: auto;
+    display: block;
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr {
+    /* height: 52px; */
+    display: block;
+    background-color: rgba(36, 45, 57, 1);
+}
+
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem {
+    height: 52px;
+    width: 100%;
+    font-size: 30px;
+    line-height: 52px;
+    border-bottom: 2px solid rgb(21, 27, 34);
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem.focus {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(29,36,47,1.0);
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem.focus.unavailable {
+    /* border-bottom: 2px solid rgb(255, 192, 0); */
+    border-bottom: 2px solid rgb(173, 255, 47);
+    background: rgba(21,27,34,1.0);
+    color: rgb(121, 121, 121);
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem.focus.unavailable:before {
+
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem.focus.unavailable:after {
+
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem>#orderid {
+    width: 45%;
+    float: left;
+    padding: 0px 0px 0px 20px;
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem>#amount {
+    width: 20%;
+    float: left;
+    text-align: center;
+}
+
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem>#date {
+    width: 35%;
+    float: left;
+    /* text-align: right; */
+    padding: 0px 30px 0 0px;
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar {
+    display: block;
+    width: 20px;
+    /* 세로축 스크롤바 길이 */
+    height: 20px;
+    /* 가로축 스크롤바 길이 */
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar-track {
+    background-color: rgb(67, 82, 105);
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
+    background-color: rgb(80, 98, 124);
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: rgb(51, 63, 80);
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar-button:start {
+    display: none;
+    /* background-color: orange; */
+    /* Top, Left 방향의 이동버튼 */
+}
+
+.popup .roomservice .order .winleft>.tbl_record ::-webkit-scrollbar-button:end {
+    display: none;
+    /* background-color: orange; */
+    /* Bottom, Right 방향의 이동버튼 */
+}
+
+
+.popup .roomservice .order .winleft>.summary{
+    position: relative;
+    height: 65px;
+    width: 96%;
+    margin: 12px 2% 0px 2%;
+    padding: 4px 2% 0px 2%;
+    display: flex;
+    float: left;
+    flex-direction: row;
+    flex-wrap: wrap;
+    overflow: hidden;
+    border-top: 4px solid rgba(121,121,121,1);
+}
+
+
+.popup .roomservice .order .winleft>.summary>#label{
+    line-height: 65px;
+    width: 50%;
+    height: 100px;
+    font-size: 48px;
+    text-align: center;
+}
+
+.popup .roomservice .order .winleft>.summary>#value{
+    line-height: 65px;
+    width: 50%;
+    height: 100%;
+    font-size: 52px;
+    color: rgb(173, 255, 47);
+    text-align: center;
+}
+
+/********************************************************************************/
+/* ROOMSERVICE STYLE                                                    [ END ] */
+/********************************************************************************/
+
+
+
+/***********************
+ * MY PAGE Style       *
+ ***********************/
+
+.popup>.mypage {
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    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%;
+    z-index: 3;
+}
+
+.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/HTL00001/hoteltv.app.full.sm.css b/procentric/application/theme/HTL00001/hoteltv.app.full.sm.css
new file mode 100755
index 0000000..47eb258
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.sm.css
@@ -0,0 +1,174 @@
+.main .sub {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .sub .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .sub .bg div#lst_smbg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .sub .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .sub .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#sm_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#sm_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="sm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .sub .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .sub .slider .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+}
+
+.main .sub .slider .owl-dots .owl-dot.active span {
+    background: rgb(255, 192, 0);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame {
+    position: absolute;
+    top: 130px;
+    left: 1550px;
+    width: 360px;
+    height: 734px;
+    line-height: 50px;
+    background-color: rgba(0, 0, 0, 0.7);
+    overflow: hidden;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_item {
+    width: 320px;
+    height: 180px;
+    float: left;
+    margin: 10px 20px 10px 20px;
+    /* filter: drop-shadow(0 0 10px rgba(235, 235, 235, 0.9));
+    border-radius: 6px; */
+    text-align: center;
+    line-height: 50px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(160, 160, 160);
+    display: inline;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_title {
+    font-size: 30px;
+    margin-left: 20px;
+    color: rgb(235, 235, 235);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_morenotice {
+    font-size: 22px;
+    margin: 20px 5px 10px 20px;
+    line-height: 25px;
+    overflow-wrap: break-word;
+    color: rgb(181, 218, 16);
+    animation: bg_ctz_thumb_morenotice_blinker 2s linear infinite;
+}
+
+@keyframes bg_ctz_thumb_morenotice_blinker {
+    50% {
+        color: rgb(235, 235, 235);
+    }
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HTL00001/hoteltv.app.full.tv.css b/procentric/application/theme/HTL00001/hoteltv.app.full.tv.css
new file mode 100755
index 0000000..6c145e4
--- /dev/null
+++ b/procentric/application/theme/HTL00001/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/HTL00001/hoteltv.app.full.widjet.css b/procentric/application/theme/HTL00001/hoteltv.app.full.widjet.css
new file mode 100755
index 0000000..bc9a5db
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.widjet.css
@@ -0,0 +1,144 @@
+/* STEP[#003]: Define WIDGET FRAMES */
+
+.widjet {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+    text-shadow: 0 0 10px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
+    z-index: 2;
+}
+
+.widjet .top {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100px;
+    /* background-color: rgba(0, 0, 0, 0.5); */
+    /* filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 1)); */
+    padding: 0px;
+    display: none;
+}
+
+
+/* SETP[#003-1]: Hotel Logo */
+
+.widjet .top .hotellogo {
+    position: absolute;
+    width: 300px;
+    height: 80px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    margin: 10px 0 4px 10px;
+    display: block;
+}
+
+
+/* SETP[#003-2]: Message */
+
+.widjet .top .message {
+    position: absolute;
+    top: -11px;
+    left: 1618px;
+    height: 100px;
+    /* float: left; */
+    display: block;
+    padding: 24px 10px 10px 10px;
+}
+
+.widjet .top .message #unread_cnt {
+    /* position: relative; */
+    width: 66px;
+    height: 100%;
+    float: left;
+    background-image: url(images/icons/icon_widjet_top_message_cnt.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    padding: 4px 0px 0px 0px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+    line-height: 52px;
+    text-align: center;
+}
+
+
+/* SETP[#003-3]: Weather */
+
+.widjet .top .weather {
+    position: absolute;
+    top: -11px;
+    left: 1370px;
+    height: 100px;
+    float: left;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: block;
+    margin: 7px 0px 0px 0px;
+}
+
+.widjet .top .weather #icon {
+    position: relative;
+    /* top: -10px; */
+    left: 16px;
+    width: 100px;
+    height: 100%;
+    float: left;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 0.5));
+}
+
+.widjet .top .weather #temp {
+    position: relative;
+    left: 14px;
+    float: left;
+    font-size: 60px;
+    line-height: 100px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+}
+
+
+/* SETP[#003-4]: Date&Time */
+
+.widjet .top .datetime {
+    position: absolute;
+    left: 1630px;
+    width: 270px;
+    height: 60px;
+    margin: 10px 30px 10px 0;
+    color: rgb(235, 235, 235);
+}
+
+.widjet .top .datetime p {
+    margin: 0;
+    padding: 0;
+}
+
+.widjet .top .datetime .time {
+    font-size: 52px;
+    line-height: 52px;
+    padding: 5px 0;
+    text-align: right;
+    /* -webkit-text-stroke: 1px rgb(64,64,64); */
+}
+
+.widjet .top .datetime .date {
+    letter-spacing: 0.1em;
+    font-size: 24px;
+    line-height: 24px;
+    text-align: right;
+}
\ No newline at end of file
diff --git a/procentric/application/theme/HTL00001/hoteltv.welcome.css b/procentric/application/theme/HTL00001/hoteltv.welcome.css
new file mode 100755
index 0000000..9dd4fff
--- /dev/null
+++ b/procentric/application/theme/HTL00001/hoteltv.welcome.css
@@ -0,0 +1,159 @@
+body {
+    overflow: hidden;
+}
+
+.welcome {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    display: none;
+    z-index: 1;
+}
+
+.welcome .frame {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 1);
+    background-image: none;
+    background-size: cover;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+.welcome .frame .msgwin {
+    position: absolute;
+    top: 98px;
+    left: 519px;
+    width: 884px;
+    height: 648px;
+    padding: 0px;
+    /* background-image: url(./images/bg_language_welcome_box.png);
+    background-size: cover; */
+    background-repeat: no-repeat;
+    background: linear-gradient(rgba(45,45,45,0.6),rgba(16,16,16,0.7));
+    border-radius: 11px;
+    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
+}
+
+.welcome .frame .msgwin #hotellogo {
+    position: absolute;
+    top: 108px;
+    left: 135px;
+    width: 634px;
+    height: 270px;
+    padding: 0px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    /* background-position: center; */
+    background-position: top;
+}
+
+.welcome .frame .msgwin #guestname {
+    position: absolute;
+    top: 424px;
+    left: 0px;
+    width: 804px;
+    height: 65px;
+    padding: 0px 0px 5px 0px;
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    border-bottom: solid rgb(192,192,192) 3px;
+    font-size: 65px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 65px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .msgwin #welcomemsg {
+    position: absolute;
+    top: 516px;
+    left: 0px;
+    width: 804px;
+    height: 44px;
+    /* padding: 0px; */
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    font-size: 33px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 33px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .guide#langsel {
+    position: absolute;
+    top: 1037px;
+    left: 0px;
+    width: 1920px;
+    height: 54px;
+    background-color: rgba(0, 0, 0, 0.8);
+    display: inline-block;
+    color: rgba(200, 200, 200, 1);
+    font-size: 32px;
+    line-height: 43px;
+    text-align: center;
+    border-top: solid rgb(128, 128, 128);
+}
+
+.welcome #lst_langsel {
+    position: absolute;
+    top: 962px;
+    left: 0;
+    height: 76px;
+    line-height: 76px;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    display: none;
+}
+
+.welcome #lst_langsel .item {
+    color: rgba(200, 200, 200, 1);
+    font-size: 44px;
+    text-align: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.welcome #lst_langsel .owl-item.active.center div {
+    background-image: var(--btn_focus);
+}
+
+.welcome #lst_langsel .owl-item.active div {
+    background-image: var(--btn_unfocus);
+}
+
+.control .skip_video {
+    z-index: 10000;
+    position: absolute;
+    z-index: 10000;
+    top: 927px;
+    left: 1579px;
+    width: 246px;
+    height: 68px;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 0.0);
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: none;
+}
diff --git a/procentric/application/theme/HTL00001/images/bg_language_welcome_box.png b/procentric/application/theme/HTL00001/images/bg_language_welcome_box.png
new file mode 100755
index 0000000..6917a56
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/bg_language_welcome_box.png differ
diff --git a/procentric/application/theme/HTL00001/images/bg_message_cream-paper.png b/procentric/application/theme/HTL00001/images/bg_message_cream-paper.png
new file mode 100755
index 0000000..9c6b2d1
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/bg_message_cream-paper.png differ
diff --git a/procentric/application/theme/HTL00001/images/bg_message_detail.png b/procentric/application/theme/HTL00001/images/bg_message_detail.png
new file mode 100755
index 0000000..57bb59d
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/bg_message_detail.png differ
diff --git a/procentric/application/theme/HTL00001/images/bt_language_tab_focus.png b/procentric/application/theme/HTL00001/images/bt_language_tab_focus.png
new file mode 100755
index 0000000..b9835e8
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/bt_language_tab_focus.png differ
diff --git a/procentric/application/theme/HTL00001/images/bt_language_tab_unfocus.png b/procentric/application/theme/HTL00001/images/bt_language_tab_unfocus.png
new file mode 100755
index 0000000..8e6bab8
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/bt_language_tab_unfocus.png differ
diff --git a/procentric/application/theme/HTL00001/images/bt_skip_ch01.png b/procentric/application/theme/HTL00001/images/bt_skip_ch01.png
new file mode 100755
index 0000000..61f13b0
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/bt_skip_ch01.png differ
diff --git a/procentric/application/theme/HTL00001/images/bt_skip_ch02.png b/procentric/application/theme/HTL00001/images/bt_skip_ch02.png
new file mode 100755
index 0000000..70bd423
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/bt_skip_ch02.png differ
diff --git a/procentric/application/theme/HTL00001/images/bt_skip_en.png b/procentric/application/theme/HTL00001/images/bt_skip_en.png
new file mode 100755
index 0000000..fde457e
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/bt_skip_en.png differ
diff --git a/procentric/application/theme/HTL00001/images/bt_skip_jp.png b/procentric/application/theme/HTL00001/images/bt_skip_jp.png
new file mode 100755
index 0000000..d3a7803
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/bt_skip_jp.png differ
diff --git a/procentric/application/theme/HTL00001/images/bt_skip_ko.png b/procentric/application/theme/HTL00001/images/bt_skip_ko.png
new file mode 100755
index 0000000..96b2686
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/bt_skip_ko.png differ
diff --git a/procentric/application/theme/HTL00001/images/hoteltv_service_error.png b/procentric/application/theme/HTL00001/images/hoteltv_service_error.png
new file mode 100755
index 0000000..82a801f
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/hoteltv_service_error.png differ
diff --git a/procentric/application/theme/HTL00001/images/hoteltv_service_preparing.png b/procentric/application/theme/HTL00001/images/hoteltv_service_preparing.png
new file mode 100755
index 0000000..6c86194
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/hoteltv_service_preparing.png differ
diff --git a/procentric/application/theme/HTL00001/images/hoteltv_service_preparing_joson.jpg b/procentric/application/theme/HTL00001/images/hoteltv_service_preparing_joson.jpg
new file mode 100755
index 0000000..6ebe713
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/hoteltv_service_preparing_joson.jpg differ
diff --git a/procentric/application/theme/HTL00001/images/icon_brochure_next.png b/procentric/application/theme/HTL00001/images/icon_brochure_next.png
new file mode 100755
index 0000000..0710650
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icon_brochure_next.png differ
diff --git a/procentric/application/theme/HTL00001/images/icon_brochure_prev.png b/procentric/application/theme/HTL00001/images/icon_brochure_prev.png
new file mode 100755
index 0000000..af94688
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icon_brochure_prev.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_btn_back.png b/procentric/application/theme/HTL00001/images/icons/icon_btn_back.png
new file mode 100755
index 0000000..2995f72
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_btn_back.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_btn_media_play.png b/procentric/application/theme/HTL00001/images/icons/icon_btn_media_play.png
new file mode 100755
index 0000000..bde47a8
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_btn_media_play.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_btn_media_stop.png b/procentric/application/theme/HTL00001/images/icons/icon_btn_media_stop.png
new file mode 100755
index 0000000..f033e6f
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_btn_media_stop.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_btn_movie_play.png b/procentric/application/theme/HTL00001/images/icons/icon_btn_movie_play.png
new file mode 100755
index 0000000..27b3524
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_btn_movie_play.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_contact_phone_48x48.png b/procentric/application/theme/HTL00001/images/icons/icon_contact_phone_48x48.png
new file mode 100755
index 0000000..ce0f5e0
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_contact_phone_48x48.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_contact_phone_96x96.png b/procentric/application/theme/HTL00001/images/icons/icon_contact_phone_96x96.png
new file mode 100755
index 0000000..28f7c8a
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_contact_phone_96x96.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_cotact_email_48x48.png b/procentric/application/theme/HTL00001/images/icons/icon_cotact_email_48x48.png
new file mode 100755
index 0000000..1e90f3a
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_cotact_email_48x48.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_cotact_email_96x96.png b/procentric/application/theme/HTL00001/images/icons/icon_cotact_email_96x96.png
new file mode 100755
index 0000000..de2d2c6
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_cotact_email_96x96.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_humidity.png b/procentric/application/theme/HTL00001/images/icons/icon_humidity.png
new file mode 100755
index 0000000..7fa4996
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_humidity.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_loading_256x256.png b/procentric/application/theme/HTL00001/images/icons/icon_loading_256x256.png
new file mode 100755
index 0000000..d28c5e4
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_loading_256x256.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_mypage_title.png b/procentric/application/theme/HTL00001/images/icons/icon_mypage_title.png
new file mode 100755
index 0000000..eb1a707
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_mypage_title.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_place_48x48.png b/procentric/application/theme/HTL00001/images/icons/icon_place_48x48.png
new file mode 100755
index 0000000..59bbe38
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_place_48x48.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_place_96x96.png b/procentric/application/theme/HTL00001/images/icons/icon_place_96x96.png
new file mode 100755
index 0000000..cd1b8f2
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_place_96x96.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_read_message_48x48.png b/procentric/application/theme/HTL00001/images/icons/icon_read_message_48x48.png
new file mode 100755
index 0000000..cd4e5a9
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_read_message_48x48.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_unread_message_48x48.png b/procentric/application/theme/HTL00001/images/icons/icon_unread_message_48x48.png
new file mode 100755
index 0000000..1e90f3a
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_unread_message_48x48.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_widjet_top_message_cnt.png b/procentric/application/theme/HTL00001/images/icons/icon_widjet_top_message_cnt.png
new file mode 100755
index 0000000..a03e357
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_widjet_top_message_cnt.png differ
diff --git a/procentric/application/theme/HTL00001/images/icons/icon_wind.png b/procentric/application/theme/HTL00001/images/icons/icon_wind.png
new file mode 100755
index 0000000..060f171
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/icons/icon_wind.png differ
diff --git a/procentric/application/theme/HTL00001/images/quantity_edit_arrow.png b/procentric/application/theme/HTL00001/images/quantity_edit_arrow.png
new file mode 100755
index 0000000..375f0e3
Binary files /dev/null and b/procentric/application/theme/HTL00001/images/quantity_edit_arrow.png differ