issue #11 #12 임피리얼 펠리스와 광화문을 같이 지원하기 위하여 theme스킴 적용.

procentric/application/theme/HJS00001/hoteltv.welcome.css

@@ -0,0 +1,192 @@
+body {
+    overflow: hidden;
+}
+
+.welcome {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    padding: 0px;
+    display: none;
+    z-index: 1;
+}
+
+.startup {
+    top: 0px;
+    left: 0px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    /* background-image: url(./images/hoteltv_service_preparing.png); */
+    background-image: url(./images/hoteltv_service_preparing_joson.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+
+.welcome .frame {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 1);
+    background-image: none;
+    background-size: cover;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+.welcome .frame .msgwin {
+    position: absolute;
+    top: 98px;
+    left: 519px;
+    width: 884px;
+    height: 648px;
+    padding: 0px;
+    /* background-image: url(./images/bg_language_welcome_box.png);
+    background-size: cover; */
+    background-repeat: no-repeat;
+    background: linear-gradient(rgba(45,45,45,0.6),rgba(16,16,16,0.7));
+    border-radius: 11px;
+    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
+}
+
+.welcome .frame .msgwin #hotellogo {
+    position: absolute;
+    top: 108px;
+    left: 135px;
+    width: 634px;
+    height: 270px;
+    padding: 0px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    /* background-position: center; */
+    background-position: top;
+}
+
+.welcome .frame .msgwin #guestname {
+    position: absolute;
+    top: 424px;
+    left: 0px;
+    width: 804px;
+    height: 65px;
+    padding: 0px 0px 5px 0px;
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    border-bottom: solid rgb(192,192,192) 3px;
+    font-size: 65px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 65px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .msgwin #welcomemsg {
+    position: absolute;
+    top: 516px;
+    left: 0px;
+    width: 804px;
+    height: 44px;
+    /* padding: 0px; */
+    margin: 0px 40px 0px 40px;
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    font-size: 33px;
+    justify-content: center;
+    text-align: center;
+    color: rgb(235, 235, 235);
+    line-height: 33px;
+    max-width: 864px;
+    display: none;
+}
+
+.welcome .frame .guide#langsel {
+    position: absolute;
+    top: 1037px;
+    left: 0px;
+    width: 1920px;
+    height: 54px;
+    background-color: rgba(0, 0, 0, 0.8);
+    display: inline-block;
+    color: rgba(200, 200, 200, 1);
+    font-size: 32px;
+    line-height: 43px;
+    text-align: center;
+    border-top: solid rgb(128, 128, 128);
+}
+
+.welcome #lst_langsel {
+    position: absolute;
+    top: 962px;
+    left: 0;
+    height: 76px;
+    line-height: 76px;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    display: none;
+}
+
+.welcome #lst_langsel .item {
+    color: rgba(200, 200, 200, 1);
+    font-size: 44px;
+    text-align: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.welcome #lst_langsel .owl-item.active.center div {
+    background-image: var(--btn_focus);
+}
+
+.welcome #lst_langsel .owl-item.active div {
+    background-image: var(--btn_unfocus);
+}
+
+.control .skip_video {
+    z-index: 10000;
+    position: absolute;
+    z-index: 10000;
+    top: 927px;
+    left: 1579px;
+    width: 246px;
+    height: 68px;
+    padding: 0px;
+    background-color: rgba(0, 0, 0, 0.0);
+    background-image: none;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: none;
+}
+
+#debugwin {
+    z-index: 10000;
+    position: absolute;
+    top: 11px;
+    bottom: 22px;
+    right: 11px;
+    font-size: 12px;
+    background-color: rgba(18, 18, 18, 0.3);
+    text-align: left;
+    color: rgb(235, 235, 235);
+    line-height: 24px;
+    padding-left: 5px;
+    padding-top: 5px;
+    display: inline-flex;
+    max-width: 500px;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    display: none;
+}