/* BASIC css start */
/* 수정 */
footer {margin-top:100px;}
#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;
    }
}
*/

html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-mobile-type-none .headerMenuHamburgerBar .menuIcon, 
html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-mobile-type-fixedAtTop .siteHeader:not(.scrolled) .headerMenuHamburgerBar .menuIcon,
html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-mobile-type-fixedAtTop .siteHeader:not(.scrolled) #headerLogo, 
html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-mobile-type-fixedAtTop .siteHeader:not(.scrolled) #headerCart, 
html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-mobile-type-fixedAtTop .siteHeader:not(.scrolled) .headerProductSearch, 
html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-mobile-type-fixedAtTop .siteHeader:not(.scrolled) .headerCustomer, 
html body #body.hero-use.hero-header-position-headerInHero.hero-style-type-light.header-style-effect-mobile-type-fixedAtTop .siteHeader:not(.scrolled) .row.row-search.mobile {
    color: #fff !important;
}
/* BASIC css end */