@charset "utf-8";
/* header */
header { position: sticky; top: 0; left: 0; width: 100%; max-width: 480px; height: auto; background: #ffffff; z-index: 2000; } 
.header_wrap { position: relative; width: 100%; height: 68px; padding: 16px 24px; } 
.header_wrap .logo { display: inline-block; height: 36px; }
.header_wrap .logo a { display: inline-block; width: 112px; height: inherit; background: url(../../image/layout/logo.svg) no-repeat left center; background-size: contain; text-indent: -9999px; overflow: hidden; }
.header_wrap .page_title { font-size: 16px; font-weight: 700; line-height: 36px; text-align: center; }
.header_wrap .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; text-indent: -9999px; display: inline-block; }
.header_wrap .btn_back { left: 24px; background: url(../../image/layout/btn_back.svg) no-repeat center center; }
.header_wrap .btn_menu { right: 24px; background: url(../../image/layout/btn_menu.svg) no-repeat center center; }
.header_wrap .btn_notice { right: 59px; background: url(../../image/layout/btn_notice.svg) no-repeat center center; } 
.header_wrap .btn_gift { right: 59px; background: url(../../image/layout/btn_gift.svg) no-repeat center center; }
.header_wrap .btn_exit { right: 24px; background: url(../../image/layout/btn_exit.svg) no-repeat center center; }
.header_wrap .btn_home { right: 24px; background: url(../../image/layout/btn_home.svg) no-repeat center center; }
.header_wrap .btn_cart { right: 24px; background: url(../../image/layout/btn_cart.svg) no-repeat center center; }
.header_wrap .btn_cart .count { position: absolute; right: -4px; top: -4px; width: 16px; height: 16px; font-size: 12px; font-weight: 700; color: #ffffff; line-height: 16px; letter-spacing: -0.05em; white-space: nowrap; text-align: center; text-indent: 0; background: #ff0000; border-radius: 50%; }
.header_wrap .cart_tooltip_box { position: absolute; right: 8px; bottom: -32px; width: 238px; height: 40px; font-size: 14px; font-weight: 700; color: #ffffff; line-height: 40px; text-align: center; background: var(--color-black-70); border-radius: var(--border-radius); }
.header_wrap .cart_tooltip_box::after { position: absolute; right: 16px; top: -20px; width: 0; height: 0; border-right: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid var(--color-black-70); content: ''; display: block; }

/*? header - 가치워크 */
.btn_valuewalk { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); display: inline-block; font-size: 13px; font-weight: 500; color: #6E7191; line-height: 20px; }
.btn_valuewalk::before { width: 16px; height: 16px; background: url(../../image/layout/icon_valuewalk.svg) no-repeat center center; content: ''; display: inline-block; vertical-align: -3px; margin-right: 4px; }

/*? header - 케어헬스 */
.logo_ch { display: flex; align-items: center; }
.logo_ch a { display: inline-block; }
.logo_ch .logo_care_health { width: 107px; }
.logo_ch span { width: 16px; height: 16px; background: url(../../image/layout/logo_between.svg) no-repeat center center; background-size: 16px; display: inline-block; text-indent: -9999px; margin: 0 16px; }