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

procentric/application/theme/HIM00001/hoteltv.app.full.sm.css

@@ -0,0 +1,174 @@
+.main .sub {
+    position: absolute;
+    top: 1080px;
+    left: 0px;
+    width: 1920px;
+    height: 1080px;
+    background-color: black;
+    display: none;
+}
+
+.main .sub .bg {
+    position: absolute;
+    top: 0px;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: block;
+}
+
+.main .sub .bg div#lst_smbg {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.main .sub .bg div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
+
+.main .sub .slider {
+    position: absolute;
+    top: 864px;
+    left: 0px;
+    width: 1920px;
+    height: 170px;
+    padding-top: 50px;
+    overflow: hidden;
+    display: none;
+}
+
+.main .sub .slider div {
+    height: 120px;
+    max-height: 120px;
+    padding-left: 0;
+    margin: 0;
+}
+
+div#sm_item_title {
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: rgb(235, 235, 235);
+    /* font-size: 2.2vw; */
+    font-size: 34px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+div#sm_item_icon {
+    margin: 0;
+    padding: 0;
+    display: block
+}
+
+
+/* OWL Sub Menu Selector Container */
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_icon"] {
+    background-image: var(--icon_focus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="sm_item_icon"] {
+    background-image: var(--icon_unfocus);
+}
+
+.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_title"] {
+    transform: scale(1.2);
+}
+
+.main .sub .slider .owl-dots {
+    position: absolute;
+    top: -50px;
+    width: 100%;
+    align-content: center;
+}
+
+.main .sub .slider .owl-dots .owl-dot span {
+    width: 20px;
+    height: 20px;
+}
+
+.main .sub .slider .owl-dots .owl-dot.active span {
+    background: rgb(255, 192, 0);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame {
+    position: absolute;
+    top: 130px;
+    left: 1550px;
+    width: 360px;
+    height: 734px;
+    line-height: 50px;
+    background-color: rgba(50,40,26, 0.7);
+    overflow: hidden;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_item {
+    width: 320px;
+    height: 180px;
+    float: left;
+    margin: 10px 20px 10px 20px;
+    /* filter: drop-shadow(0 0 10px rgba(235, 235, 235, 0.9));
+    border-radius: 6px; */
+    text-align: center;
+    line-height: 50px;
+    font-size: 20px;
+    color: rgb(235, 235, 235);
+    border: 1px solid rgb(160, 160, 160);
+    display: inline;
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_title {
+    font-size: 30px;
+    margin-left: 20px;
+    color: rgb(235, 235, 235);
+}
+
+.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_morenotice {
+    font-size: 22px;
+    margin: 20px 5px 10px 20px;
+    line-height: 25px;
+    overflow-wrap: break-word;
+    color: rgb(181, 218, 16);
+    animation: bg_ctz_thumb_morenotice_blinker 2s linear infinite;
+}
+
+@keyframes bg_ctz_thumb_morenotice_blinker {
+    50% {
+        color: rgb(235, 235, 235);
+    }
+}