@charset "utf-8";
/** header */
header { position: sticky; top: 0; left: 0; width: 100%; max-width: 480px; height: auto; background: var(--color-white); z-index: 2000; }
.header_sub_wrap { position: relative; width: 100%; height: 68px; padding: 16px 24px; text-align: center; } 
.header_sub_wrap .back_btn { position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; text-indent: -9999px; background: url(../image/header/btn_back.svg) no-repeat center center; }
.header_sub_wrap .page_title { font-size: var(--font-regular); font-weight: 700; line-height: 36px; }
.header_sub_wrap .valuewalk_btn { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); display: inline-block; font-size: 13px; font-weight: 500; color: #6E7191; line-height: 20px; }
.header_sub_wrap .valuewalk_btn::before { width: 16px; height: 16px; background: url(../image/header/icon_valuewalk.svg) no-repeat center center; content: ''; display: inline-block; vertical-align: -3px; margin-right: 4px; }
.header_sub_wrap .exit_btn { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; text-indent: -9999px; background: url(../image/header/btn_exit.svg) no-repeat center center; }
.header_sub_wrap .home_btn { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; text-indent: -9999px; background: url(../image/header/btn_home.svg) no-repeat center center; }
.header_sub_wrap .cart_btn { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; text-indent: -9999px; background: url(../image/header/btn_cart.svg) no-repeat center center; }
.header_sub_wrap .cart_btn .count { position: absolute; right: -4px; top: -4px; width: 16px; height: 16px; font-size: var(--font-small-xs); font-weight: 700; color: var(--color-white); line-height: 16px; letter-spacing: -0.05em; white-space: nowrap; text-align: center; text-indent: 0; background: #ff0000; border-radius: 50%; }
.header_sub_wrap .cart_tooltip_box { position: absolute; right: 8px; bottom: -32px; width: 238px; height: 40px; font-size: var(--font-small); font-weight: 700; color: var(--color-white); line-height: 40px; text-align: center; background: var(--color-black-70); border-radius: var(--border-radius); }
.header_sub_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; }