diff --git a/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css b/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
index e813035..00eea29 100755
--- a/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
@@ -438,6 +438,7 @@
     left: 0px;
     width: 100%;
     height: 100%;
+    display: none;
 }
 
 .popup .amenity div .item {
@@ -1591,6 +1592,7 @@
     left: 0px;
     width: 100%;
     height: 100%;
+    display: none;
 }
 
 .popup .roomservice div .item {
@@ -2732,6 +2734,8 @@
 
 .popup>.mypage {
     position: absolute;
+    top: 0%;
+    left: 0%;
     width: 100%;
     height: 100%;
 }
diff --git a/procentric/application/theme/HIN00001/hoteltv.app.full.mypage.css b/procentric/application/theme/HIN00001/hoteltv.app.full.mypage.css
index 97d6447..2e4b85c 100755
--- a/procentric/application/theme/HIN00001/hoteltv.app.full.mypage.css
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.mypage.css
@@ -171,7 +171,7 @@ div#lst_mypagebg div #mp_hotel_infowin {
 }
 
 div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item {
-    width: 506px;
+    width: 32%;
     height: 100%;
     display: inline-block;
     padding: 5px;
diff --git a/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css b/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css
index dcc5858..00eea29 100755
--- a/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css
@@ -125,7 +125,7 @@
     width: 15px;
     border: 2px solid rgba(80, 80, 80, 0.8);
     filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
-    background: none;
+    /* background: none; */
 }
 
 
@@ -225,7 +225,7 @@
     width: 15px;
     border: 2px solid rgba(80, 80, 80, 0.8);
     filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
-    background: none;
+    /* background: none; */
 }
 
 
@@ -325,7 +325,7 @@
     width: 15px;
     border: 2px solid rgba(80, 80, 80, 0.8);
     filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
-    background: none;
+    /* background: none; */
 }
 
 
@@ -425,391 +425,1086 @@
     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;
+}
 
-/***********************
- * Amenity Style  *
- ***********************/
+.popup .amenity .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
+    width: 264px;
+}
 
- .popup .amenity {
+.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: 96px;
-    left: -560px;
-    width: 1302px;
-    height: 700px;
+    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-color: rgba(47, 47, 47, 1); */
-    /* border-style: solid; */
-    /* border-color: rgb(96, 96, 96); */
-    /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */
+    background: rgba(0,0,0,0.7);
+    z-index: 1;
 }
 
-.popup .amenity .menu {
-    width: 496px;
-    height: 700px;
-    overflow: hidden;
-    display: inline-block;
-    background-color: rgba(51, 63, 80, 1);
-    color: rgb(255, 255, 255);
-    vertical-align: top;
-    /* border-style: solid; */
-    /* border-color: rgb(96, 96, 96); */
-    /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */
-    /* box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); */
-}
-
-.popup .amenity .menu>#title {
-    /* width: 466px; */
-    height: 45px;
-    line-height: 36px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 10px 20px 5px 20px;
-}
-
-.popup .amenity .menu>#usage {
-    /* width: 454px; */
-    height: 112px;
-    line-height: 22px;
-    font-size: 18px;
-    text-align: left;
-    margin: 5px 22px 5px 22px;
-    border-bottom: 1px solid rgb(67, 82, 105);
-    white-space: pre-line;
-    overflow: hidden;
-}
-
-.popup .amenity .menu>#items {
-    height: 282px;
-    overflow-y: hidden;
-    overflow-x: hidden;
-    margin: 5px 22px 5px 22px;
-}
-
-.popup .amenity .menu>#items table {
+.popup .amenity>div.cart>div {
+    top: 60px;
+    left: 0px;
     width: 100%;
-    margin: 0px 10px 0 0px;
-    border-collapse: collapse;
+    height: 100%;
+    display: flex;
+    /* background: rgba(1,1,1,1.0); */
 }
 
-.popup .amenity .menu>#items>.tbl_header {
-    height: 34px;
-    max-height: 34px;
-    line-height: 32px;
-    font-size: 30px;
-    text-align: center;
-    margin: 5px 0 25px 0;
-}
-
-.popup .amenity .menu>#items>.tbl_header tbody tr {
-    width: 100%;
-}
-
-.popup .amenity .menu>#items>.tbl_header tbody tr>#type {
-    width: 70%;
-    float: left;
-}
-
-.popup .amenity .menu>#items>.tbl_header tbody tr>#quantity {
-    width: 30%;
-    float: left;
-}
-
-.popup .amenity .menu>#items>.tbl_record {
-    height: 210px;
-}
-
-.popup .amenity .menu>#items>.tbl_record tbody {
-    height: 210px;
+.popup .amenity>div.cart .menu {
+    width: 902px;
+    height: 876px;
+    margin: 0px 37px 0px 21px;
     display: block;
-    overflow: hidden;
+    /* background: rgba(100,1,1,1.0); */
 }
 
-.popup .amenity .menu>#items>.tbl_record tbody tr {
-    height: 70px;
-    max-height: 70px;
-    border: 1px solid rgb(67, 82, 105);
+.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 .menu>#items>.tbl_record tbody tr.active {
-    border: 2px solid rgb(255, 192, 0);
-    /* background-color: rgba(67, 67, 67, 1); */
-    /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
+.popup .amenity>div.cart .menu div#title {
+
 }
 
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products {
-    height: 70px;
+.popup .amenity>div.cart .menu div#control {
+
 }
 
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#index {
-    font-size: 22px;
-    line-height: 24px;
-    width: 10%;
-    float: left;
-    text-align: center;
+.popup .amenity>div.cart .menu div#control #thumb {
+
 }
 
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#title {
-    font-size: 22px;
-    line-height: 24px;
-    width: 90%;
-    float: left;
+.popup .amenity>div.cart .menu div#control #quantity {
+
 }
 
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#price {
-    font-size: 36px;
-    line-height: 36px;
-    width: 70%;
-    float: left;
-    text-align: right;
-    padding: 0 55px 0 0;
+.popup .amenity>div.cart .menu div#description {
+
 }
 
-.popup .amenity .menu>#items>.tbl_record tbody tr>.products>#quantity {
-    font-size: 36px;
-    line-height: 36px;
-    width: 30%;
-    float: left;
-    text-align: center;
+/*[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;
 }
 
-.popup .amenity .menu>#summary {
-    height: 70px;
-    font-size: 38px;
-    line-height: 64px;
-    margin: 15px 22px 5px 22px;
-    border: 1px solid rgb(67, 82, 105);
+/*[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); */
 }
 
-.popup .amenity .menu>#summary>#title {
-    width: 22%;
-    float: left;
-    text-align: center;
-    /* padding: 0% 5% 0 20%; */
-}
-
-.popup .amenity .menu>#summary>#value {
-    width: 48%;
-    float: left;
-    text-align: right;
-    color: rgb(255, 192, 0);
-    padding: 0px 55px 0px 0px;
-}
-
-.popup .amenity .menu>#summary>#quantity {
-    width: 30%;
-    float: left;
-    text-align: center;
-    color: rgb(255, 192, 0);
-}
-
-.popup .amenity .menu>div#buttons {
-    height: 145px;
-    font-size: 30px;
-    text-align: center;
-    color: rgba(255, 255, 255, 1.0);
-    margin: 15px 22px 5px 22px;
-}
-
-.popup .amenity .menu>div#buttons div {
-    height: 38px;
-    border: 1px solid rgb(90, 90, 90);
-}
-
-.popup .amenity .menu>div#buttons .active {
-    border: 1px solid rgb(255, 192, 0);
-    background-color: rgba(34, 42, 53, 1.0);
-}
-
-.popup .amenity .menu>div#buttons #order {
-    width: 100%;
-    background-color: rgba(34, 42, 53, 1.0);
-    /* border-radius: 5px; */
-}
-
-.popup .amenity .menu>div#buttons #cancel {
-    width: 100%;
-    /* border-radius: 5px; */
-}
-
-.popup .amenity .menu>div#buttons #details {
-    width: 100%;
-    /* border-radius: 5px; */
-}
-
-
-/* ROOM SERVICE -> ITEM Description */
-
-.popup .amenity .description {
-    width: 802px;
-    height: 700px;
-    display: inline-block;
-    margin: 0px 0px 0px -4px;
-    color: rgb(255, 255, 255);
-    /* padding: 0; */
-    background-color: rgba(36, 44, 56, 1.0);
-}
-
-.popup .amenity .description>#title {
-    width: 100%;
-    height: 64px;
-    line-height: 38px;
-    overflow: hidden;
-    font-size: 36px;
-    padding: 10px 10px 5px 10px;
-}
-
-.popup .amenity .description>#comment {
-    width: 100%;
-    height: 89px;
-    line-height: 24px;
-    overflow: hidden;
-    font-size: 22px;
-    padding: 5px 10px 5px 15px;
-    white-space: pre-line;
-}
-
-.popup .amenity .description>#thumb {
-    width: 760px;
-    height: 460px;
-    background-repeat: no-repeat;
-    background-size: cover;
-    margin: 30px 0px 0px 21px;
-    border: 1px solid rgb(255, 255, 255);
-}
-
-
-/* ROOM SERVICE -> CART LIST */
-
-.popup .amenity>.cart-list {
-    width: 802px;
-    height: 700px;
-    display: inline-block;
-    margin: 0px 0px 0px -4px;
-    color: rgb(255, 255, 255);
-    /* padding: 0; */
-    background-color: rgba(36, 44, 56, 1.0);
-}
-
-.popup .amenity>.cart-list>#title {
-    height: 45px;
-    line-height: 36px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 10px 20px 5px 20px;
-}
-
-.popup .amenity>.cart-list>#usage {
-    height: 102px;
-    line-height: 22px;
-    font-size: 18px;
-    text-align: left;
-    margin: 5px 22px 5px 22px;
-    white-space: pre-line;
-    overflow: hidden;
-}
-
-.popup .amenity .cart-list>#items {
-    /* height: 352px; */
-    /* overflow-y: auto; */
-    /* overflow-y: hidden;
-    overflow-x: hidden; */
-    margin: 5px 22px 5px 22px;
-}
-
-.popup .amenity .cart-list>#items table {
-    width: 100%;
-    margin: 0px 10px 0 0px;
-    border-collapse: collapse;
-}
-
-.popup .amenity .cart-list>#items>.tbl_header {
+/*[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;
+    /* margin: 5px 0 15px 0; */
+    border-bottom: 4px solid rgba(121,121,121,1);
+    /* border-top: 2px solid rgba(121,121,121,1); */
 }
 
-.popup .amenity .cart-list>#items>.tbl_header tbody tr {
+.popup .amenity .order .winleft>.tbl_header tbody tr {
     height: 54px;
     max-height: 54px;
-    background-color: rgb(51, 63, 80);
-    border: 1px solid rgb(67, 82, 105);
+    background-color: rgba(21, 27, 34, 1);
 }
 
-.popup .amenity .cart-list>#items>.tbl_header tbody tr>#type {
-    width: 50%;
+.popup .amenity .order .winleft>.tbl_header tbody tr>#orderid {
+    width: 45%;
     float: left;
-    text-align: left;
-    padding: 0 0px 0 80px;
+    /* text-align: left; */
+    padding: 0 0px 0 20px;
 }
 
-.popup .amenity .cart-list>#items>.tbl_header tbody tr>#quantity {
+.popup .amenity .order .winleft>.tbl_header tbody tr>#amount {
     width: 20%;
     float: left;
 }
 
-.popup .amenity .cart-list>#items>.tbl_header tbody tr>#amount {
-    width: 30%;
+.popup .amenity .order .winleft>.tbl_header tbody tr>#date {
+    width: 35%;
     float: left;
     padding: 0px 30px 0 0px;
 }
 
-.popup .amenity .cart-list>#items>.tbl_record {
-    /* height: 284px;*/
-}
 
-.popup .amenity .cart-list>#items>.tbl_record tbody {
-    height: 276px;
-    display: block;
-    /* overflow: hidden; */
-    overflow-y: auto;
-}
-
-.popup .amenity .cart-list>#items>.tbl_record tbody tr {
-    height: 52px;
-}
-
-.popup .amenity .cart-list>#items>.tbl_record tbody tr.active {
-    border: 2px solid rgb(255, 192, 0);
-    /* background-color: rgba(67, 67, 67, 1); */
-    /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products {
-    height: 52px;
-    width: 754px;
-    font-size: 30px;
+/**** Amenity Category item ::> Table Recored */
+.popup .amenity .order .winleft>.tbl_record {
+    width:100%;
     line-height: 54px;
-    border: 1px solid rgb(67, 82, 105);
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
 }
 
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#title {
-    width: 50%;
+.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 .cart-list>#items>.tbl_record tbody tr>.products>#quantity {
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#amount {
     width: 20%;
     float: left;
     text-align: center;
 }
 
-.popup .amenity .cart-list>#items>.tbl_record tbody tr>.products>#price {
-    width: 30%;
+.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#date {
+    width: 35%;
     float: left;
-    text-align: right;
+    /* text-align: right; */
     padding: 0px 30px 0 0px;
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar {
     display: block;
     width: 20px;
     /* 세로축 스크롤바 길이 */
@@ -817,756 +1512,280 @@
     /* 가로축 스크롤바 길이 */
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-track {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-track {
     background-color: rgb(67, 82, 105);
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-track-piece {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
     background-color: rgb(80, 98, 124);
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-thumb {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-thumb {
     border-radius: 8px;
     background-color: rgb(51, 63, 80);
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:start {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-button:start {
     display: none;
     /* background-color: orange; */
     /* Top, Left 방향의 이동버튼 */
 }
 
-.popup .amenity .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:end {
+.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-button:end {
     display: none;
     /* background-color: orange; */
     /* Bottom, Right 방향의 이동버튼 */
 }
 
-.popup .amenity .cart-list>#summary {
-    height: 54px;
-    font-size: 38px;
-    line-height: 54px;
-    background-color: rgb(51, 63, 80);
-    margin: 5px 22px 5px 22px;
-    border: 1px solid rgb(67, 82, 105);
-}
 
-.popup .amenity .cart-list>#summary>#title {
-    width: 30%;
+.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;
-    text-align: center;
-    /* padding: 0% 5% 0 20%;*/
+    flex-direction: row;
+    flex-wrap: wrap;
+    overflow: hidden;
+    border-top: 4px solid rgba(121,121,121,1);
 }
 
-.popup .amenity .cart-list>#summary>#quantity {
-    width: 40%;
-    float: left;
-    text-align: center;
-    padding: 0 0 0 142px;
-    color: rgb(255, 192, 0);
-}
 
-.popup .amenity .cart-list>#summary>#amount {
-    width: 30%;
-    float: left;
-    text-align: right;
-    color: rgb(255, 192, 0);
-    padding: 0px 30px 0px 0px;
-}
-
-.popup .amenity .cart-list>#notice {
-    font-size: 22px;
-    line-height: 24px;
-    margin: 10px 22px 5px 22px;
-    text-align: center;
-}
-
-.popup .amenity .cart-list>div#buttons {
-    font-size: 38px;
-    text-align: center;
-    color: rgba(255, 255, 255, 1.0);
-    margin: 15px 22px 5px 22px;
-}
-
-.popup .amenity .cart-list>div#buttons>div {
-    height: 38px;
-    float: left;
+.popup .amenity .order .winleft>.summary>#label{
+    line-height: 40px;
     width: 50%;
+    height: 100px;
+    font-size: 48px;
+    text-align: center;
 }
 
-.popup .amenity .cart-list>div#buttons>div div {
-    height: 48px;
-    border: 1px solid rgb(184, 184, 184);
-    margin: 0px 25% 0px 25%;
-    background-color: rgb(51, 63, 80);
-}
-
-.popup .amenity .cart-list>div#buttons .active {
-    border: 1px solid rgb(255, 192, 0);
-    background-color: rgba(34, 42, 53, 1.0);
-}
-
-.popup .amenity .cart-list>div#buttons #confirm {
+.popup .amenity .order .winleft>.summary>#value{
+    line-height: 40px;
     width: 50%;
-}
-
-.popup .amenity .cart-list>div#buttons #cancel {
-    width: 50%;
-}
-
-
-/* ROOM SERVICE -> ORDER Details */
-
-.popup .amenity .order-details {
-    position: absolute;
-    width: 100%;
     height: 100%;
-    background-color: rgb(36, 44, 56);
-    /* display: block; */
-    display: inline-block;
-    color: rgb(255, 255, 255);
-}
-
-.popup .amenity .order-details>#title {
-    /* width: 466px; */
-    height: 45px;
-    line-height: 36px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 10px 20px 5px 30px;
-}
-
-.popup .amenity .order-details>#usage {
-    height: 80px;
-    line-height: 22px;
-    font-size: 18px;
-    text-align: left;
-    margin: 5px 22px 5px 30px;
-    /* border-bottom: 1px solid rgb(67, 82, 105); */
-    white-space: pre-line;
-    overflow: hidden;
-}
-
-.popup .amenity .order-details>#orders {
-    height: 470px;
-    overflow-y: hidden;
-    overflow-x: hidden;
-    margin: 5px 30px 5px 30px;
-}
-
-.popup .amenity .order-details>#orders>table {
-    border-collapse: collapse;
-}
-
-.popup .amenity .order-details>#orders>.order_list {
-    width: 100%;
-    height: 485px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody {
-    height: 210px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr {
-    height: 70px;
-    max-height: 70px;
-    border: 1px solid rgb(67, 82, 105);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr.active {
-    border: 2px solid rgb(255, 192, 0);
-    /* background-color: rgba(67, 67, 67, 1); */
-    /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering {
-    height: 44px;
-    max-height: 44px;
-    background-color: rgb(51, 63, 80);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>div {
-    padding: 0px 0px 5px 0px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>#index {
-    font-size: 30px;
-    line-height: 32px;
-    width: 5%;
-    float: left;
-    text-align: center;
-    border-bottom: 1px solid;
-    margin: 5px 0px 0px 2%;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>#date {
-    font-size: 30px;
-    line-height: 32px;
-    width: 37%;
-    float: left;
-    border-bottom: 1px solid;
-    margin: 5px 0px 0px 0;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.ordering>#orderId {
-    font-size: 28px;
-    line-height: 32px;
-    width: 53%;
-    float: left;
-    /* text-align: right; */
-    margin: 5px 2% 0px 0%;
-}
-
-
-/* */
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst {
-    width: 100%;
-    float: left;
-    background-color: rgb(51, 63, 80);
-    margin: 0px 0px 5px 0px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header {
-    width: 100%;
-    font-size: 36px;
-    line-height: 36px;
-    border-collapse: collapse;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header>tbody {
-    /* */
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header tr {
-    font-size: 30px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #type {
-    width: 40%;
-    font-size: 25px;
-    text-align: left;
-    padding: 0px 0px 0px 90px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #quantity {
-    width: 10%;
-    font-size: 25px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #amount {
-    width: 20%;
-    font-size: 25px;
-    text-align: right;
-    padding: 0px 30px 0px 0px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal1 {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal2 {
-    color: rgb(255, 192, 0);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal3 {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal4 {
-    color: rgb(255, 192, 0);
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal5 {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record {
-    width: 100%;
-    font-size: 36px;
-    line-height: 36px;
-    border-collapse: collapse;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record>tbody {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem {}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div {
-    float: left;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#name {
-    width: 40%;
-    text-align: left;
-    padding: 0px 0px 0px 90px;
-}
-
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#quantity {
-    width: 10%;
+    font-size: 52px;
+    color: rgb(173, 255, 47);
     text-align: center;
 }
 
-.popup .amenity .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#amount {
-    width: 20%;
-    text-align: right;
-    padding: 0px 20px 0px 0px;
-}
-
-.popup .amenity .order-details>#summary {
-    height: 54px;
-    line-height: 50px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 15px 20px 5px 30px;
-    background-color: rgb(51, 63, 80);
-}
-
-.popup .amenity .order-details>#summary>div {
-    float: left;
-}
-
-.popup .amenity .order-details>#summary>#title {
-    width: 40%;
-    padding: 0px 0px 0px 90px;
-    text-align: left;
-}
-
-.popup .amenity .order-details>#summary>#quantity {
-    width: 10%;
-    text-align: center;
-    color: rgb(255, 192, 0);
-}
-
-.popup .amenity .order-details>#summary>#amount {
-    width: 20%;
-    text-align: right;
-    padding: 0px 20px 0px 0px;
-    color: rgb(255, 192, 0);
-}
+/********************************************************************************/
+/* AMENITY STYLE                                                        [ END ] */
+/********************************************************************************/
 
 
-/* ROOM SERVICE -> ALRET */
-
-.popup .amenity .alert {
-    position: absolute;
-    top: 197px;
-    left: 340px;
-    width: 600px;
-    height: 325px;
-    color: rgb(255, 255, 255);
-}
-
-.popup .amenity .alert>div#order-complete {
-    width: 100%;
-    height: 100%;
-    background-color: rgb(36, 44, 56);
-    border: 1px solid rgb(255, 255, 255);
-}
-
-.popup .amenity .alert>div#order-complete>div#title {
-    float: left;
-    width: 100%;
-    height: 54px;
-    background-color: rgb(51, 63, 80);
-    margin: 42px 0px 0 0px;
-    font-size: 38px;
-    line-height: 52px;
-    text-align: center;
-}
-
-.popup .amenity .alert>div#order-complete>div#message {
-    width: 95%;
-    float: left;
-    margin: 40px 20px 5px 20px;
-    font-size: 22px;
-    line-height: 24px;
-    text-align: center;
-    white-space: pre-wrap;
-}
 
 
-/***********************
- * Room Service Style  *
- ***********************/
 
+
+
+
+
+
+/********************************************************************************
+ * 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: 96px;
-    left: -560px;
-    width: 1302px;
-    height: 700px;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
     overflow: hidden;
     display: none;
-    /* background-color: rgba(47, 47, 47, 1); */
-    /* border-style: solid; */
-    /* border-color: rgb(96, 96, 96); */
-    /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */
 }
 
-.popup .roomservice .menu {
-    width: 496px;
-    height: 700px;
-    overflow: hidden;
-    display: inline-block;
-    background-color: rgba(51, 63, 80, 1);
-    color: rgb(255, 255, 255);
-    vertical-align: top;
-    /* border-style: solid; */
-    /* border-color: rgb(96, 96, 96); */
-    /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */
-    /* box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); */
-}
-
-.popup .roomservice .menu>#title {
-    /* width: 466px; */
-    height: 45px;
-    line-height: 36px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 10px 20px 5px 20px;
-}
-
-.popup .roomservice .menu>#usage {
-    /* width: 454px; */
-    height: 112px;
-    line-height: 22px;
-    font-size: 18px;
-    text-align: left;
-    margin: 5px 22px 5px 22px;
-    border-bottom: 1px solid rgb(67, 82, 105);
-    white-space: pre-line;
-    overflow: hidden;
-}
-
-.popup .roomservice .menu>#items {
-    height: 282px;
-    overflow-y: hidden;
-    overflow-x: hidden;
-    margin: 5px 22px 5px 22px;
-}
-
-.popup .roomservice .menu>#items table {
+.popup .roomservice .bg div {
     width: 100%;
-    margin: 0px 10px 0 0px;
-    border-collapse: collapse;
+    height: 100%;
+    margin: 0;
+    padding: 0;
 }
 
-.popup .roomservice .menu>#items>.tbl_header {
-    height: 34px;
-    max-height: 34px;
-    line-height: 32px;
-    font-size: 30px;
-    text-align: center;
-    margin: 5px 0 25px 0;
-}
-
-.popup .roomservice .menu>#items>.tbl_header tbody tr {
+/*[RS1-1-1. Roomservice bg: owl style                                             ] */
+.popup .roomservice .bg .owl-carousel .owl-stage .owl-item {
     width: 100%;
 }
 
-.popup .roomservice .menu>#items>.tbl_header tbody tr>#type {
-    width: 70%;
-    float: left;
-}
-
-.popup .roomservice .menu>#items>.tbl_header tbody tr>#quantity {
-    width: 30%;
-    float: left;
-}
-
-.popup .roomservice .menu>#items>.tbl_record {
-    height: 210px;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody {
-    height: 210px;
-    display: block;
-    overflow: hidden;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr {
-    height: 70px;
-    max-height: 70px;
-    border: 1px solid rgb(67, 82, 105);
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr.active {
-    border: 2px solid rgb(255, 192, 0);
-    /* background-color: rgba(67, 67, 67, 1); */
-    /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr>.products {
-    height: 70px;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#index {
-    font-size: 22px;
-    line-height: 24px;
-    width: 10%;
-    float: left;
-    text-align: center;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#title {
-    font-size: 22px;
-    line-height: 24px;
-    width: 90%;
-    float: left;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#price {
-    font-size: 36px;
-    line-height: 36px;
-    width: 70%;
-    float: left;
-    text-align: right;
-    padding: 0 55px 0 0;
-}
-
-.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#quantity {
-    font-size: 36px;
-    line-height: 36px;
-    width: 30%;
-    float: left;
-    text-align: center;
-}
-
-.popup .roomservice .menu>#summary {
-    height: 70px;
-    font-size: 38px;
-    line-height: 64px;
-    margin: 15px 22px 5px 22px;
-    border: 1px solid rgb(67, 82, 105);
-}
-
-.popup .roomservice .menu>#summary>#title {
-    width: 22%;
-    float: left;
-    text-align: center;
-    /* padding: 0% 5% 0 20%; */
-}
-
-.popup .roomservice .menu>#summary>#value {
-    width: 48%;
-    float: left;
-    text-align: right;
-    color: rgb(255, 192, 0);
-    padding: 0px 55px 0px 0px;
-}
-
-.popup .roomservice .menu>#summary>#quantity {
-    width: 30%;
-    float: left;
-    text-align: center;
-    color: rgb(255, 192, 0);
-}
-
-.popup .roomservice .menu>div#buttons {
-    height: 145px;
-    font-size: 30px;
-    text-align: center;
-    color: rgba(255, 255, 255, 1.0);
-    margin: 15px 22px 5px 22px;
-}
-
-.popup .roomservice .menu>div#buttons div {
-    height: 38px;
-    border: 1px solid rgb(90, 90, 90);
-}
-
-.popup .roomservice .menu>div#buttons .active {
-    border: 1px solid rgb(255, 192, 0);
-    background-color: rgba(34, 42, 53, 1.0);
-}
-
-.popup .roomservice .menu>div#buttons #order {
+/*[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%;
-    background-color: rgba(34, 42, 53, 1.0);
-    /* border-radius: 5px; */
+    height: 240px;
+    background: linear-gradient(0deg, rgba(7,8,11,0) 0%, rgba(7,8,11,0.5) 45%, rgba(7,8,11,0.9) 100%);
 }
 
-.popup .roomservice .menu>div#buttons #cancel {
+/*[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%;
-    /* border-radius: 5px; */
+    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%);
 }
 
-.popup .roomservice .menu>div#buttons #details {
-    width: 100%;
-    /* border-radius: 5px; */
+/*[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;
 }
 
-
-/* ROOM SERVICE -> ITEM Description */
-
-.popup .roomservice .description {
-    width: 802px;
-    height: 700px;
-    display: inline-block;
-    margin: 0px 0px 0px -4px;
-    color: rgb(255, 255, 255);
-    /* padding: 0; */
-    background-color: rgba(36, 44, 56, 1.0);
+/*[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);
 }
 
-.popup .roomservice .description>#title {
-    width: 100%;
-    height: 64px;
-    line-height: 38px;
-    overflow: hidden;
-    font-size: 36px;
-    padding: 10px 10px 5px 10px;
-}
-
-.popup .roomservice .description>#comment {
-    width: 100%;
-    height: 89px;
-    line-height: 24px;
-    overflow: hidden;
-    font-size: 22px;
-    padding: 5px 10px 5px 15px;
-    white-space: pre-line;
-}
-
-.popup .roomservice .description>#thumb {
-    width: 760px;
-    height: 460px;
-    background-repeat: no-repeat;
-    background-size: cover;
-    margin: 30px 0px 0px 21px;
-    border: 1px solid rgb(255, 255, 255);
-}
-
-
-/* ROOM SERVICE -> CART LIST */
-
-.popup .roomservice>.cart-list {
-    width: 802px;
-    height: 700px;
-    display: inline-block;
-    margin: 0px 0px 0px -4px;
-    color: rgb(255, 255, 255);
-    /* padding: 0; */
-    background-color: rgba(36, 44, 56, 1.0);
-}
-
-.popup .roomservice>.cart-list>#title {
-    height: 45px;
-    line-height: 36px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 10px 20px 5px 20px;
-}
-
-.popup .roomservice>.cart-list>#usage {
-    height: 102px;
-    line-height: 22px;
-    font-size: 18px;
-    text-align: left;
-    margin: 5px 22px 5px 22px;
-    white-space: pre-line;
-    overflow: hidden;
-}
-
-.popup .roomservice .cart-list>#items {
-    /* height: 352px; */
-    /* overflow-y: auto; */
-    /* overflow-y: hidden;
-    overflow-x: hidden; */
-    margin: 5px 22px 5px 22px;
-}
-
-.popup .roomservice .cart-list>#items table {
-    width: 100%;
-    margin: 0px 10px 0 0px;
-    border-collapse: collapse;
-}
-
-.popup .roomservice .cart-list>#items>.tbl_header {
+/*[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;
+    /* 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 .cart-list>#items>.tbl_header tbody tr {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr {
     height: 54px;
     max-height: 54px;
-    background-color: rgb(51, 63, 80);
-    border: 1px solid rgb(67, 82, 105);
+    background-color: rgba(21, 27, 34, 1);
 }
 
-.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#type {
-    width: 50%;
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr>#title {
+    width: 45%;
     float: left;
-    text-align: left;
-    padding: 0 0px 0 80px;
+    /* text-align: left; */
+    padding: 0 0px 0 20px;
 }
 
-.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#quantity {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr>#price {
     width: 20%;
     float: left;
 }
 
-.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#amount {
-    width: 30%;
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_header tbody tr>#status {
+    width: 35%;
     float: left;
     padding: 0px 30px 0 0px;
 }
 
-.popup .roomservice .cart-list>#items>.tbl_record {
+
+/**** Roomservice Category item ::> Table Recored */
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record {
     /* height: 284px;*/
-}
-
-.popup .roomservice .cart-list>#items>.tbl_record tbody {
-    height: 276px;
-    display: block;
-    /* overflow: hidden; */
-    overflow-y: auto;
-}
-
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr {
-    height: 52px;
-}
-
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr.active {
-    border: 2px solid rgb(255, 192, 0);
-    /* background-color: rgba(67, 67, 67, 1); */
-    /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products {
-    height: 52px;
-    width: 754px;
-    font-size: 30px;
+    width:100%;
     line-height: 54px;
-    border: 1px solid rgb(67, 82, 105);
+    font-size: 30px;
+    text-align: center;
+    /* margin: 5px 0 15px 0; */
 }
 
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#title {
-    width: 50%;
+.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 .cart-list>#items>.tbl_record tbody tr>.products>#quantity {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem>#price {
     width: 20%;
     float: left;
     text-align: center;
 }
 
-.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#price {
-    width: 30%;
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record tbody tr>.rsctgyItem>#status {
+    width: 35%;
     float: left;
-    text-align: right;
+    /* text-align: right; */
     padding: 0px 30px 0 0px;
 }
 
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar {
     display: block;
     width: 20px;
     /* 세로축 스크롤바 길이 */
@@ -1574,375 +1793,940 @@
     /* 가로축 스크롤바 길이 */
 }
 
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-track {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track {
     background-color: rgb(67, 82, 105);
 }
 
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-track-piece {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
     background-color: rgb(80, 98, 124);
 }
 
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-thumb {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-thumb {
     border-radius: 8px;
     background-color: rgb(51, 63, 80);
 }
 
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:start {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:start {
     display: none;
     /* background-color: orange; */
     /* Top, Left 방향의 이동버튼 */
 }
 
-.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:end {
+.popup .roomservice .bg .rs_item_sel_win .winleft>.tbl_record ::-webkit-scrollbar-button:end {
     display: none;
     /* background-color: orange; */
     /* Bottom, Right 방향의 이동버튼 */
 }
 
-.popup .roomservice .cart-list>#summary {
-    height: 54px;
-    font-size: 38px;
-    line-height: 54px;
-    background-color: rgb(51, 63, 80);
-    margin: 5px 22px 5px 22px;
-    border: 1px solid rgb(67, 82, 105);
+
+/*[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 .cart-list>#summary>#title {
-    width: 30%;
-    float: left;
-    text-align: center;
-    /* padding: 0% 5% 0 20%;*/
+.popup .roomservice .bg .owl-carousel .owl-item.active[class*="focus"] .rs_item_sel_win .winright{
+
 }
 
-.popup .roomservice .cart-list>#summary>#quantity {
-    width: 40%;
-    float: left;
-    text-align: center;
-    padding: 0 0 0 142px;
-    color: rgb(255, 192, 0);
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescThumb{
+    width: 852px;
+    height: 479px;
+    margin: 10px 25px 10px 25px;
 }
 
-.popup .roomservice .cart-list>#summary>#amount {
-    width: 30%;
-    float: left;
-    text-align: right;
-    color: rgb(255, 192, 0);
-    padding: 0px 30px 0px 0px;
-}
-
-.popup .roomservice .cart-list>#notice {
-    font-size: 22px;
-    line-height: 24px;
-    margin: 10px 22px 5px 22px;
-    text-align: center;
-}
-
-.popup .roomservice .cart-list>div#buttons {
-    font-size: 38px;
-    text-align: center;
-    color: rgba(255, 255, 255, 1.0);
-    margin: 15px 22px 5px 22px;
-}
-
-.popup .roomservice .cart-list>div#buttons>div {
-    height: 38px;
-    float: left;
-    width: 50%;
-}
-
-.popup .roomservice .cart-list>div#buttons>div div {
-    height: 48px;
-    border: 1px solid rgb(184, 184, 184);
-    margin: 0px 25% 0px 25%;
-    background-color: rgb(51, 63, 80);
-}
-
-.popup .roomservice .cart-list>div#buttons .active {
-    border: 1px solid rgb(255, 192, 0);
-    background-color: rgba(34, 42, 53, 1.0);
-}
-
-.popup .roomservice .cart-list>div#buttons #confirm {
-    width: 50%;
-}
-
-.popup .roomservice .cart-list>div#buttons #cancel {
-    width: 50%;
-}
-
-
-/* ROOM SERVICE -> ORDER Details */
-
-.popup .roomservice .order-details {
-    position: absolute;
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescThumb.unavailabel:before {
+    /* content: 'Not available';
     width: 100%;
     height: 100%;
-    background-color: rgb(36, 44, 56);
-    /* display: block; */
-    display: inline-block;
-    color: rgb(255, 255, 255);
+    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 .order-details>#title {
-    /* width: 466px; */
-    height: 45px;
-    line-height: 36px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 10px 20px 5px 30px;
-}
-
-.popup .roomservice .order-details>#usage {
-    height: 80px;
-    line-height: 22px;
-    font-size: 18px;
-    text-align: left;
-    margin: 5px 22px 5px 30px;
-    /* border-bottom: 1px solid rgb(67, 82, 105); */
-    white-space: pre-line;
-    overflow: hidden;
-}
-
-.popup .roomservice .order-details>#orders {
-    height: 470px;
-    overflow-y: hidden;
-    overflow-x: hidden;
-    margin: 5px 30px 5px 30px;
-}
-
-.popup .roomservice .order-details>#orders>table {
-    border-collapse: collapse;
-}
-
-.popup .roomservice .order-details>#orders>.order_list {
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescThumb.unavailabel:after {
+    /* content: '';
     width: 100%;
-    height: 485px;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: #000;
+    opacity: 0.6 */
 }
 
-.popup .roomservice .order-details>#orders>.order_list>tbody {
-    height: 210px;
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescDetails{
+    width: 852px;
+    height: 238px;
+    margin: 0px 25px 0px 25px;
 }
 
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr {
-    height: 70px;
-    max-height: 70px;
-    border: 1px solid rgb(67, 82, 105);
+.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 .order-details>#orders>.order_list>tbody>tr.active {
-    border: 2px solid rgb(255, 192, 0);
-    /* background-color: rgba(67, 67, 67, 1); */
-    /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering {
-    height: 44px;
-    max-height: 44px;
-    background-color: rgb(51, 63, 80);
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>div {
-    padding: 0px 0px 5px 0px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>#index {
+.popup .roomservice .bg .owl-carousel .owl-stage .rs_item_sel_win .winright .rsItemDescDetails div#description{
+    height:174px;
+    line-height: 30px;
     font-size: 30px;
-    line-height: 32px;
-    width: 5%;
+    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;
-    border-bottom: 1px solid;
-    margin: 5px 0px 0px 2%;
 }
 
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>#date {
-    font-size: 30px;
-    line-height: 32px;
-    width: 37%;
-    float: left;
-    border-bottom: 1px solid;
-    margin: 5px 0px 0px 0;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>#orderId {
-    font-size: 28px;
-    line-height: 32px;
-    width: 53%;
+.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; */
-    margin: 5px 2% 0px 0%;
+    padding: 0px 30px 0 0px;
 }
 
-
-/* */
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst {
-    width: 100%;
-    float: left;
-    background-color: rgb(51, 63, 80);
-    margin: 0px 0px 5px 0px;
+.popup .roomservice .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 .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header {
-    width: 100%;
-    font-size: 36px;
-    line-height: 36px;
-    border-collapse: collapse;
+.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 .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header>tbody {
-    /* */
+.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 .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header tr {
-    font-size: 30px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #type {
-    width: 40%;
-    font-size: 25px;
-    text-align: left;
-    padding: 0px 0px 0px 90px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #quantity {
-    width: 10%;
-    font-size: 25px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #amount {
-    width: 20%;
-    font-size: 25px;
-    text-align: right;
-    padding: 0px 30px 0px 0px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal1 {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal2 {
-    color: rgb(255, 192, 0);
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal3 {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal4 {
-    color: rgb(255, 192, 0);
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal5 {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record {
-    width: 100%;
-    font-size: 36px;
-    line-height: 36px;
-    border-collapse: collapse;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record>tbody {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem {}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div {
-    float: left;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#name {
-    width: 40%;
-    text-align: left;
-    padding: 0px 0px 0px 90px;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#quantity {
-    width: 10%;
-    text-align: center;
-}
-
-.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#amount {
-    width: 20%;
-    text-align: right;
-    padding: 0px 20px 0px 0px;
-}
-
-.popup .roomservice .order-details>#summary {
-    height: 54px;
-    line-height: 50px;
-    overflow: hidden;
-    font-size: 38px;
-    text-align: left;
-    margin: 15px 20px 5px 30px;
+.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 .order-details>#summary>div {
+.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 .order-details>#summary>#title {
-    width: 40%;
-    padding: 0px 0px 0px 90px;
-    text-align: left;
-}
 
-.popup .roomservice .order-details>#summary>#quantity {
-    width: 10%;
+.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;
-    color: rgb(255, 192, 0);
 }
 
-.popup .roomservice .order-details>#summary>#amount {
-    width: 20%;
-    text-align: right;
-    padding: 0px 20px 0px 0px;
-    color: rgb(255, 192, 0);
+.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;
 }
 
 
-/* ROOM SERVICE -> ALRET */
 
-.popup .roomservice .alert {
+/*[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;
-    top: 197px;
-    left: 340px;
-    width: 600px;
-    height: 325px;
-    color: rgb(255, 255, 255);
+    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 .alert>div#order-complete {
+.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%;
-    background-color: rgb(36, 44, 56);
-    border: 1px solid rgb(255, 255, 255);
-}
-
-.popup .roomservice .alert>div#order-complete>div#title {
-    float: left;
-    width: 100%;
-    height: 54px;
-    background-color: rgb(51, 63, 80);
-    margin: 42px 0px 0 0px;
+    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 .alert>div#order-complete>div#message {
-    width: 95%;
+.popup .roomservice .order .winleft>.tbl_record tbody tr>.rsOrderedItem>#date {
+    width: 35%;
     float: left;
-    margin: 40px 20px 5px 20px;
-    font-size: 22px;
-    line-height: 24px;
-    text-align: center;
-    white-space: pre-wrap;
+    /* 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       *
@@ -1950,6 +2734,8 @@
 
 .popup>.mypage {
     position: absolute;
+    top: 0%;
+    left: 0%;
     width: 100%;
     height: 100%;
 }
@@ -2052,6 +2838,7 @@
     left: 73%;
     width: 26%;
     height: 10%;
+    z-index: 3;
 }
 
 .popup>.notification>.balloon {