@charset "utf-8";



/* 이브릭몰 실험프로토콜 헤더 */
body {background: #f6f7fb;}
#ebric_mobile_wrap.protocol #header_wrap {height: 100px; background: #fff}
#ebric_mobile_wrap.protocol #header_wrap .header .logo-area {padding-top: 6px;}
#ebric_mobile_wrap.protocol #header_wrap .header .logo-area .header-logo {width: 190px; height: 45px}
#ebric_mobile_wrap.protocol .user-menu-wrap {width: 100%; height: 100%}
#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu { height: 40px; width: 310px; float: right; border-radius: 5px;  text-align: center; position: relative; margin-top:30px;  }
#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu a { cursor: pointer; font-weight: 500; color: #666; letter-spacing: -0.5px; transition: color .25s ease; padding: 10px; display: inline-block; float: left; height: 40px; }
#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu a:last-of-type { margin-right: 0; }
#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu a:hover { color: #2d2d2d; }
#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu a i { margin-right: 3px; }

#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu a.home-btn,
#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu a.shopping-cart { width: 30%; }
#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu a.user-btn { width: 40%; }
#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu.login a.home-btn { display: none; }
#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu.login a.shopping-cart,
#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu.login a.user-btn { width: 50%; }


@media(max-width: 550px) {
	#ebric_mobile_wrap #header_wrap .header .logo-area {top: 10px; left: 44%; transform: translateX(-50%);}
	#ebric_mobile_wrap.protocol #header_wrap .header .logo-area .header-logo {width: 145px; height: 35px;}
	#ebric_mobile_wrap.protocol .user-menu-wrap .user-menu {position: absolute; top: 35px; left: 50%; transform: translateX(-50%);}
}