diff --git a/com.twin.app.shoptime/assets/images/icons/ic-lnb-logo-shoptime-ruc-white.png b/com.twin.app.shoptime/assets/images/icons/ic-lnb-logo-shoptime-ruc-white.png
new file mode 100644
index 00000000..3f346845
Binary files /dev/null and b/com.twin.app.shoptime/assets/images/icons/ic-lnb-logo-shoptime-ruc-white.png differ
diff --git a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx b/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
index fb590867..21ef2517 100644
--- a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
+++ b/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
@@ -4,44 +4,50 @@ import React, {
   useMemo,
   useRef,
   useState,
-} from "react";
+} from 'react';
 
-import classNames from "classnames";
-import { useDispatch, useSelector } from "react-redux";
+import classNames from 'classnames';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
 //아이콘
-import { Job } from "@enact/core/util";
+import { Job } from '@enact/core/util';
 //enact
-import Skinnable from "@enact/sandstone/Skinnable";
-import Spotlight from "@enact/spotlight";
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
-import { Cancelable } from "@enact/ui/Cancelable";
+import Skinnable from '@enact/sandstone/Skinnable';
+import Spotlight from '@enact/spotlight';
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
+import { Cancelable } from '@enact/ui/Cancelable';
 
-import shoptimeFullIconRuc from "../../../assets/images/icons/ic-lnb-logo-shoptime-ruc.png";
+import shoptimeFullIconRuc
+  from '../../../assets/images/icons/ic-lnb-logo-shoptime-ruc-white.png';
 //이미지
-import shoptimeFullIcon from "../../../assets/images/icons/ic-lnb-logo-shoptime@3x.png";
-import { gnbOpened } from "../../actions/commonActions";
+import shoptimeFullIcon
+  from '../../../assets/images/icons/ic-lnb-logo-shoptime@3x.png';
+import { gnbOpened } from '../../actions/commonActions';
 import {
   checkEnterThroughGNB,
   updateSpotlightId,
-} from "../../actions/homeActions";
-import { resetPanels } from "../../actions/panelActions";
-import usePrevious from "../../hooks/usePrevious";
-import useScrollTo from "../../hooks/useScrollTo";
-import { panel_names } from "../../utils/Config";
-import { SpotlightIds } from "../../utils/SpotlightIds";
-import TScroller from "../TScroller/TScroller";
-import CategoryIcon from "./iconComponents/CategoryIcon";
-import FeaturedBrandIcon from "./iconComponents/FeaturedBrandIcon";
-import HomeIcon from "./iconComponents/HomeIcon";
-import HotPicksIcon from "./iconComponents/HotPicksIcon";
-import MyPageIcon from "./iconComponents/MyPageIcon";
-import OnSaleIcon from "./iconComponents/OnSaleIcon";
-import SearchIcon from "./iconComponents/SearchIcon";
-import TrendingNowIcon from "./iconComponents/TrendingNowIcon";
-import TabItem from "./TabItem";
-import TabItemSub from "./TabItemSub";
-import css from "./TabLayout.module.less";
+} from '../../actions/homeActions';
+import { resetPanels } from '../../actions/panelActions';
+import usePrevious from '../../hooks/usePrevious';
+import useScrollTo from '../../hooks/useScrollTo';
+import { panel_names } from '../../utils/Config';
+import { SpotlightIds } from '../../utils/SpotlightIds';
+import TScroller from '../TScroller/TScroller';
+import CategoryIcon from './iconComponents/CategoryIcon';
+import FeaturedBrandIcon from './iconComponents/FeaturedBrandIcon';
+import HomeIcon from './iconComponents/HomeIcon';
+import HotPicksIcon from './iconComponents/HotPicksIcon';
+import MyPageIcon from './iconComponents/MyPageIcon';
+import OnSaleIcon from './iconComponents/OnSaleIcon';
+import SearchIcon from './iconComponents/SearchIcon';
+import TrendingNowIcon from './iconComponents/TrendingNowIcon';
+import TabItem from './TabItem';
+import TabItemSub from './TabItemSub';
+import css from './TabLayout.module.less';
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "default-element" },