/* BASIC css start */
/* ¼öÁ¤ */
#displayCanvas {padding-top:0 !important;}

/* ¸ÞÀÎ»ó´Ü */
@media screen and (min-width: 641px) {
   html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-type-fixedAtTop .siteHeader:not(.scrolled) #headerLogo,
   html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-type-fixedAtTop .siteHeader:not(.scrolled) #headerCart,
   html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-type-fixedAtTop .siteHeader:not(.scrolled) .headerMenuList .headerMenuListContents > .menu-navi > .menu-name,
   html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-type-fixedAtTop .siteHeader:not(.scrolled) .headerProductSearch, 
   html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-type-fixedAtTop .siteHeader:not(.scrolled) .headerCustomer,
   html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-type-fixedAtTop .siteHeader:not(.scrolled) .headerSns .headerSns-icons {
        color: #fff !important;
    }
}


.hero-section .heroWrapper .heroContent {width: 100% !important;}
/* BASIC css end */

