/* ==========================================================================
   gb_ui.css - Group Buying shared UI  (plan: 2026-07-08 / 3_creator)
   tokens(:root) + shared components + hero carousel
   src: plan assets/common.css + groupbuy_hero.css (body-only extraction)
   site header/footer come from ASP includes -> plan prototype chrome
   (pf-*, mos-*, device-toggle) intentionally excluded.
   page-specific styles live in each ASP <style> block.
   ASCII only: non-ASCII glyphs written as CSS unicode escapes.
   ========================================================================== */

/* ---- design tokens ---- */
:root,#group_buying_area{	/* ÇÑ ¹ú (2026-10-15) : stay10 ¡¤ m Àº :root, ¾ÛÀº #group_buying_area ¿¡ ¼±¾ðÇß¾ú´Ù. °ªÀº °°¾Æ µÑ ´Ù¿¡ ¼±¾ð */
  --primary:#222450; --primary-hover:#3a3d6e; --attention:#515382;
  --accent:#FFCE2D; --accent-hover:#f0c000; --accent-soft:#FFF4D6;
  --belief:#F0F1F6; --paper:#FAFAF7; --clear:#FFFFFF;
  --ink:#111111; --muted:#666666; --hint:#999999;
  --border:#E4E5EC;
  
  --trendy:#222450; --friendly:#FFCE2D; --group-purple:#5262FF; --group-purple-soft:#ECEEFF; --body:#333333; --stability:#111111;
  --hot:#E5362C; --orange:#FF5400; --good:#1E9E63;
  --gb-success:#1E9E63; --gb-danger:#E5362C; --gb-warning:#FF5400;
  --kakao:#FEE500; --naver:#03C75A;
  --r-btn:8px; --r-card:12px; --r-pill:9999px; --r-input:8px  ;
  --ease:cubic-bezier(.4,0,.2,1);
  
  --util-text:#555; --sep:#ccc;
  
  --ft-bg:#f5f5f2; --ft-border:#e2e2df;
  --ft-dim:#999; --ft-sub:#777; --ft-head:#444; --ft-note:#c0c0bd;
  --ft-icon:#666; --ft-icon-hover:#333; --ft-strong:#333;
  --ft-btn-border:#ddd; --ft-btn-border-hover:#aaa;
}
/* ¾ÆÀÌÄÜ ±×¸² ¸ðÀ½ (2026-10-15) : °øµ¿±¸¸Å CSS ÀÇ SVG ´Â ¿©±â¼­¸¸ °ü¸®. ¾²´Â °÷Àº var(--gb-svg-À̸§) À¸·Î ºÎ¸§
   À§Ä¡ ¡¤ Å©±â ¡¤ »ö ±ÔÄ¢Àº °¢ ÆäÀÌÁö CSS ¿¡ ±×´ë·Î µÒ. mask ·Î ¾²´Â ±×¸²Àº »ö ¾øÀ½(currentColor µîÀ¸·Î Ä¥ÇÔ), À̸§¿¡ »öÀÌ ºÙÀº °ÍÀº ±×¸²¿¡ »ö Æ÷ÇÔ
   ¼± ±½±â´Â °¡À̵å Linear 1.5 ±âÁØ (2026-10-15 »ç¿ëÀÚ Áö½Ã : ¼±ÀÌ µÎ²¨¿ò ¡æ 2 ¿´´ø 8Á¾ 1.5 ·Î, ¿Ï·á üũ 2.5 ¡æ 2, ÀÚ¹°¼è 1.8 ¡æ 1.5). Á¡(´À³¦Ç¥ ¡¤ i ÀÇ Á¡)Àº 2 À¯Áö
   »õ ¾ÆÀÌÄܵµ ¿©±â¿¡ Ãß°¡. EUC-KR ¿¡ ¾ø´Â ±ÛÀÚ(À̸ðÁö)´Â ¾²Áö ¾ÊÀ½ */
:root{
  --gb-svg-noimg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239A9AA2' stroke-width='1.5'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.5'/%3E%3Cpath d='M21 16l-5-5-4 4-2-2-5 5'/%3E%3C/svg%3E");	/* ºó »óÇ° ±×¸² (ȸ»ö ¼±, 24) : gb_ui »óÇ° ½æ³×ÀÏ */
  --gb-svg-noimg-lg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23C4C7D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='10' width='36' height='28' rx='6'/%3E%3Ccircle cx='16' cy='19' r='2.6'/%3E%3Cpath d='M8 34l10-9 6 5 8-8 8 7'/%3E%3C/svg%3E");	/* ºó »óÇ° ±×¸² Å« °Í (ȸ»ö ¼±, 48) : gb_main Ä«µå ¡¤ È÷¾î·Î ½æ³×ÀÏ / gb_my ½æ³×ÀÏ */
  --gb-svg-chevron-r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 12' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M1 1l5 5-5 5'/%3E%3C/svg%3E");	/* ¿À¸¥ÂÊ ²ª¼è (7x12) : gb_main ·¹ÀÏ À̵¿ ¹öÆ° */
  --gb-svg-chevron-r-sm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 11' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M.8 1l4.2 4.5L.8 10'/%3E%3C/svg%3E");	/* ¿À¸¥ÂÊ ²ª¼è ÀÛÀº °Í (6x11) : gb_main ·¹ÀÏ ´õº¸±â */
  --gb-svg-people:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M18 7.16C17.94 7.15 17.87 7.15 17.81 7.16C16.43 7.11 15.33 5.98 15.33 4.58C15.33 3.15 16.48 2 17.91 2C19.34 2 20.49 3.16 20.49 4.58C20.48 5.98 19.38 7.11 18 7.16Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M16.9699 14.44C18.3399 14.67 19.8499 14.43 20.9099 13.72C22.3199 12.78 22.3199 11.24 20.9099 10.3C19.8399 9.59004 18.3099 9.35003 16.9399 9.59003' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M5.96998 7.16C6.02998 7.15 6.09998 7.15 6.15998 7.16C7.53998 7.11 8.63998 5.98 8.63998 4.58C8.63998 3.15 7.48998 2 6.05998 2C4.62998 2 3.47998 3.16 3.47998 4.58C3.48998 5.98 4.58998 7.11 5.96998 7.16Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M6.99994 14.44C5.62994 14.67 4.11994 14.43 3.05994 13.72C1.64994 12.78 1.64994 11.24 3.05994 10.3C4.12994 9.59004 5.65994 9.35003 7.02994 9.59003' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M12 14.63C11.94 14.62 11.87 14.62 11.81 14.63C10.43 14.58 9.32996 13.45 9.32996 12.05C9.32996 10.62 10.48 9.46997 11.91 9.46997C13.34 9.46997 14.49 10.63 14.49 12.05C14.48 13.45 13.38 14.59 12 14.63Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M9.08997 17.78C7.67997 18.72 7.67997 20.26 9.08997 21.2C10.69 22.27 13.31 22.27 14.91 21.2C16.32 20.26 16.32 18.72 14.91 17.78C13.32 16.72 10.69 16.72 9.08997 17.78Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");	/* »ç¶÷µé : gb_main .gb-ico-people */
  --gb-svg-clock:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 9.66003V12.45L13.4 13.85' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M5.5 12C5.5 8.41 8.41 5.5 12 5.5C15.59 5.5 18.5 8.41 18.5 12C18.5 14.08 17.52 15.94 16 17.13H15.99C14.89 17.99 13.51 18.5 12 18.5C10.51 18.5 9.14 18 8.04 17.15H8.03C6.49 15.96 5.5 14.1 5.5 12Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M8.03003 17.15H8.04003C9.14003 18 10.51 18.5 12 18.5C13.51 18.5 14.89 17.99 15.99 17.13H16L15.49 19.6C15 21.5 13.9 22 12.55 22H11.46C10.11 22 9.00003 21.5 8.52003 19.59L8.03003 17.15Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M8.03003 6.85H8.04003C9.14003 6 10.51 5.5 12 5.5C13.51 5.5 14.89 6.01 15.99 6.87H16L15.49 4.4C15 2.5 13.9 2 12.55 2H11.46C10.11 2 9.00003 2.5 8.52003 4.41L8.03003 6.85Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");	/* ½Ã°è : gb_main .gb-ico-clock */
  --gb-svg-box:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M3.17004 7.43994L12 12.5499L20.77 7.46991' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M12 21.6099V12.5399' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M9.92999 2.48L4.59 5.45003C3.38 6.12003 2.39001 7.80001 2.39001 9.18001V14.83C2.39001 16.21 3.38 17.89 4.59 18.56L9.92999 21.53C11.07 22.16 12.94 22.16 14.08 21.53L19.42 18.56C20.63 17.89 21.62 16.21 21.62 14.83V9.18001C21.62 7.80001 20.63 6.12003 19.42 5.45003L14.08 2.48C12.93 1.84 11.07 1.84 9.92999 2.48Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M17 13.24V9.58002L7.51001 4.09998' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");	/* »óÀÚ : gb_main .gb-ico-box */
  --gb-svg-fire:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21.5C16.14 21.5 19.5 18.3 19.5 14.35C19.5 12.05 18.45 10.17 17 8.78C17 8.78 16.62 11 15.3 11.72C15.3 11.72 16.28 8.25 14.3 5.55C13.19 4.03 11.62 2.95 9.9 2.5C9.9 2.5 10.72 5.85 9.05 8.02C7.72 9.75 6 10.8 5.1 12.62C4.7 13.43 4.5 13.88 4.5 14.35C4.5 18.3 7.86 21.5 12 21.5Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M12 21.5C14.07 21.5 15.75 19.9 15.75 17.93C15.75 15.62 13.5 14.15 12 12.68C10.5 14.15 8.25 15.62 8.25 17.93C8.25 19.9 9.93 21.5 12 21.5Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");	/* ºÒ²É : gb_main .gb-ico-fire */
  --gb-svg-users:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2' stroke='%23000' stroke-width='1.5'/%3E%3Ccircle cx='9' cy='7' r='4' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");	/* »ç¿ëÀÚ : gb_main .gb-ico-users */
  --gb-svg-check-circle:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.75 12L10.58 14.83L16.25 9.17' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");	/* üũ ¿ø : gb_main .gb-ico-check-circle / gb_my °øµ¿±¸¸Å ´Þ¼º */
  --gb-svg-alert-circle-amber:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b7791f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z'/%3E%3Cpath d='M12 8V13'/%3E%3Cpath d='M11.995 16H12.004' stroke-width='2'/%3E%3C/svg%3E");	/* ¿ø ¾È ´À³¦Ç¥ (Ȳ»ö ¼±, »ö Æ÷ÇÔ) : gb_my ½É»ç Áß ¹è³Ê */
  --gb-svg-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");	/* ¾Æ·¡ ²ª¼è (ȸ»ö ¼±, »ö Æ÷ÇÔ) : gb_my ±â°£ ¼±Åà */
  --gb-svg-check-sm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8'/%3E%3C/svg%3E");	/* üũ (16) : gb_my ±â°£ ¸ñ·Ï ¼±Åà */
  --gb-svg-info-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z'/%3E%3Cpath d='M12 11V16'/%3E%3Cpath d='M11.995 8H12.004' stroke-width='2'/%3E%3C/svg%3E");	/* ¿ø ¾È i : gb_my ¾È³» ¹®Àå */
  --gb-svg-box-empty:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 3.5 7.3v9.4l8.5 4.5 8.5-4.5V7.3L12 2.8z'/%3E%3Cpath d='M3.5 7.3 12 11.8l8.5-4.5'/%3E%3Cpath d='M12 11.8v9.4'/%3E%3Cpath d='M7.75 5.05l8.5 4.5v3.2'/%3E%3C/svg%3E");	/* ºó »óÀÚ : gb_my ºó ¸ñ·Ï */
  --gb-svg-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.3 15.3 20.5 20.5'/%3E%3C/svg%3E");	/* µ¸º¸±â : gb_my Âü¿© ºó ¸ñ·Ï */
  --gb-svg-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10.5V7.5C8 5.29 9.79 3.5 12 3.5C14.21 3.5 16 5.29 16 7.5V10.5'/%3E%3Crect x='5' y='10.5' width='14' height='10.5' rx='2.5'/%3E%3Cpath d='M12 14.5V17'/%3E%3C/svg%3E");	/* ÀÚ¹°¼è : gb_my ºñ°ø°³ */
  --gb-svg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");	/* üũ (24, ±½°Ô) : gb_create ¿Ï·á */
  --gb-svg-link:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13.5a4 4 0 0 0 5.7.3l3-3a4 4 0 0 0-5.7-5.7l-1.5 1.5'/%3E%3Cpath d='M14 10.5a4 4 0 0 0-5.7-.3l-3 3a4 4 0 0 0 5.7 5.7l1.5-1.5'/%3E%3C/svg%3E");	/* ¸µÅ© : gb_create °øÀ¯ ¸µÅ© º¹»ç */
  --gb-svg-chat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4c-4.7 0-8.5 3-8.5 6.8 0 2.4 1.5 4.5 3.8 5.7L6.5 20l3.9-2.4c.5.1 1 .1 1.6.1 4.7 0 8.5-3 8.5-6.9S16.7 4 12 4z'/%3E%3C/svg%3E");	/* ¸»Ç³¼± : gb_create °øÀ¯ Ä«Ä«¿ÀÅå */
  --gb-svg-cart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4h2.6l2.3 10.3a1.5 1.5 0 0 0 1.5 1.2h8.2a1.5 1.5 0 0 0 1.5-1.1L20.5 8H6'/%3E%3Ccircle cx='9.5' cy='19.8' r='1.2'/%3E%3Ccircle cx='17.2' cy='19.8' r='1.2'/%3E%3C/svg%3E");	/* Àå¹Ù±¸´Ï : gb_create ¼Ò°³ Ä«µå 1 */
  --gb-svg-chart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v16h16'/%3E%3Cpath d='M7.5 15.5l3.5-4 3 2.5 5-6'/%3E%3Cpath d='M15.5 8H19v3.5'/%3E%3C/svg%3E");	/* ±×·¡ÇÁ : gb_create ¼Ò°³ Ä«µå 2 */
  --gb-svg-card:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2.5'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M7 14.5h4'/%3E%3C/svg%3E");	/* Ä«µå : gb_create ¼Ò°³ Ä«µå 3 */
  --gb-svg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");	/* ´Ý±â X : gb_create Æ˾÷ ´Ý±â */
  --gb-svg-warning:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 4.4 2.7 17.6a2 2 0 0 0 1.7 3h15.2a2 2 0 0 0 1.7-3L13.7 4.4a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9.5v4.5'/%3E%3Cpath d='M12 17.2h.01' stroke-width='2'/%3E%3C/svg%3E");	/* °æ°í »ï°¢Çü : gb_my Á¦Àç ¹è³Ê ¡¤ °áÁ¦ ÇÊ¿ä ¹è³Ê / gb_status ÁßÁö ¾È³» (2026-10-15 À̸ðÁö PNG ±³Ã¼, Linear 24 ¡¤ ¼± 1.5) */
  --gb-svg-refresh:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.34-5.66'/%3E%3Cpath d='M20 4v4.5h-4.5'/%3E%3C/svg%3E");	/* ´Ù½Ã ½ÃÀÛ (µ¹¾Æ°¡´Â È­»ìÇ¥) : gb_my ´Ù½Ã ½ÃÀÛ / gb_status ´Ù½Ã ½ÃÀÛÇϱâ (2026-10-15 À̸ðÁö PNG ±³Ã¼, Linear 24 ¡¤ ¼± 1.5) */
  --gb-svg-camera:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9a2 2 0 0 1 2-2h2.2l1.6-2.5h6.4L16.8 7H19a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='12' cy='13.2' r='3.6'/%3E%3C/svg%3E");	/* Ä«¸Þ¶ó : gb_my °øÀ¯ ÀνºÅ¸±×·¥ / gb_create °³¼³ ¿Ï·á ÀνºÅ¸ (2026-10-15 À̸ðÁö PNG ±³Ã¼, Linear 24 ¡¤ ¼± 1.5) */
  --gb-svg-ban:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M5.3 5.3l13.4 13.4'/%3E%3C/svg%3E");	/* ±ÝÁö (¿ø ¾È »ç¼±) : gb_status ÁßÁö È­¸é Å« ¾ÆÀÌÄÜ (2026-10-15 À̸ðÁö PNG ±³Ã¼, Linear 24 ¡¤ ¼± 1.5) */
  --gb-svg-trash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5h16'/%3E%3Cpath d='M9.5 6.5v-2h5v2'/%3E%3Cpath d='M6 6.5l1 13a1.5 1.5 0 0 0 1.5 1.4h7a1.5 1.5 0 0 0 1.5-1.4l1-13'/%3E%3Cpath d='M10 10.5v6M14 10.5v6'/%3E%3C/svg%3E");	/* ÈÞÁöÅë : gb_status ÁßÁö ¾È³» (2026-10-15 À̸ðÁö PNG ±³Ã¼, Linear 24 ¡¤ ¼± 1.5) */
  --gb-svg-x-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E");	/* ¿ø ¾È X : gb_status Ãë¼Ò È­¸é Å« ¾ÆÀÌÄÜ (2026-10-15 À̸ðÁö PNG ±³Ã¼, Linear 24 ¡¤ ¼± 1.5) */
  --gb-svg-check-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5'/%3E%3C/svg%3E");	/* üũ (16, Èò ¼± 1.5, »ö Æ÷ÇÔ) : gb_create üũ¹Ú½º ¼±Åà ǥ½Ã (2026-10-15) */
  --gb-svg-alert-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z'/%3E%3Cpath d='M12 8V13'/%3E%3Cpath d='M11.995 16H12.004' stroke-width='2'/%3E%3C/svg%3E");	/* ¿ø ¾È ´À³¦Ç¥ (»ö ¾øÀ½, mask ¿ë) : gb_create °øµ¿±¸¸Å °¡´É Ç°¸ñ º¸±â ¹öÆ° (2026-10-15) */
  --gb-svg-zoom-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.3 15.3 20.5 20.5'/%3E%3Cpath d='M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E");	/* µ¸º¸±â + (Èò ¼± 2, »ö Æ÷ÇÔ, ¹è°æ¿ë) : gb_create ¹Ì¸®º¸±â »çÁø È®´ë Ç¥½Ã (2026-10-16) */
}

/* ---- shared components ---- */

#group_buying_area .num,#group_buying_area .en{font-family:'Montserrat',sans-serif;font-variant-numeric:tabular-nums;}
      
#group_buying_area .badge-dday{background:rgba(255,255,255,.94);color:var(--primary);box-shadow:0 1px 5px rgba(34,36,80,.12);}

#group_buying_area .badge-dday.warn{background:var(--orange);color:var(--clear);}

#group_buying_area .badge-dday.critical{background:var(--hot);color:var(--clear);}

#group_buying_area .badge-pick{background:var(--primary);color:var(--clear);font-weight:700;}


#group_buying_area .pick-grad.pick-grad.pick-grad{color:var(--clear,#fff);font-weight:800;text-shadow:0 1px 2px rgba(12,10,40,.35);background-size:200% 200%;animation:gbPickShift 5s ease infinite;}

#group_buying_area .pick-grad.pick-grad.grad-0{background-image:linear-gradient(135deg,#6a11cb,#c31462,#6a11cb);box-shadow:0 2px 10px rgba(154,17,203,.4);}

#group_buying_area .pick-grad.pick-grad.grad-1{background-image:linear-gradient(135deg,#d31027,#6b1fd0,#d31027);box-shadow:0 2px 10px rgba(211,16,39,.38);}

#group_buying_area .pick-grad.pick-grad.grad-2{background-image:linear-gradient(135deg,#0d55d8,#8f00e0,#0d55d8);box-shadow:0 2px 10px rgba(13,85,216,.4);}

#group_buying_area .pick-grad.pick-grad.grad-3{background-image:linear-gradient(135deg,#0d8a6a,#0d55d8,#0d8a6a);box-shadow:0 2px 10px rgba(13,138,106,.4);}

#group_buying_area .pick-grad.pick-grad.grad-4{background-image:linear-gradient(135deg,#b3005e,#e0341b,#b3005e);box-shadow:0 2px 10px rgba(179,0,94,.38);}

#group_buying_area .pick-grad.pick-grad.grad-5{background-image:linear-gradient(135deg,#4b1fd0,#0d8ba8,#4b1fd0);box-shadow:0 2px 10px rgba(75,31,208,.4);}


#group_buying_area .chip-hot.chip-hot{color:#5a3a00;background:linear-gradient(110deg,#ffd34d 15%,#fff3b0 32%,#ffb800 50%,#ffd34d 68%,#ff9e2c 85%);background-size:220% 100%;box-shadow:0 1px 6px rgba(255,158,44,.35);animation:gbChipShine 2.8s linear infinite;}
@media (prefers-reduced-motion:reduce){
#group_buying_area .pick-grad.pick-grad.pick-grad,#group_buying_area .chip-hot.chip-hot{animation:none;}
}



#group_buying_area .badge.st-active{background:rgba(30,158,99,.12);color:var(--good);font-weight:800;font-size:11px;padding:5px 9px;}

#group_buying_area .badge.st-success{background:rgba(30,158,99,.12);color:var(--good);font-weight:800;font-size:11px;padding:5px 9px;}

#group_buying_area .badge.st-closed{background:rgba(255,84,0,.12);color:var(--orange);font-weight:700;font-size:11px;padding:5px 9px;}

#group_buying_area .badge.st-prelaunch{background:var(--primary);color:var(--accent);font-weight:800;font-size:11px;padding:5px 9px;letter-spacing:.02em;}

#group_buying_area .badge.st-stopped{background:rgba(229,54,44,.12);color:var(--hot);font-weight:800;font-size:11px;padding:5px 9px;}

#group_buying_area .badge.st-cancelled{background:var(--belief);color:var(--muted);font-weight:700;font-size:11px;padding:5px 9px;}



#group_buying_area .thumb{position:relative;overflow:hidden;background:var(--belief);}

#group_buying_area .thumb > svg{width:100%;height:100%;display:block;}

#group_buying_area .thumb-top{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none;}

#group_buying_area .thumb-top .notify-btn,#group_buying_area .thumb-top button{pointer-events:auto;}

#group_buying_area .ladder-now .lab{font-size:11px;color:var(--muted);font-weight:500;}

#group_buying_area .ladder-now .rate .pc{font-size:.6em;font-weight:800;}

#group_buying_area .ladder-track.done .ladder-fill{background:linear-gradient(90deg,var(--good),var(--gb-success));}

#group_buying_area .prog.done > i{background:var(--good);}

#group_buying_area .ach-label.done{color:var(--good);}





#group_buying_area .gcard .thumb{aspect-ratio:3/2;}

#group_buying_area .gcard-body{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1;}

#group_buying_area .gcard-title{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px;}

#group_buying_area .gcard-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;}

#group_buying_area .gcard-people{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);}

#group_buying_area .gcard-people .num{font-weight:800;color:var(--ink);}

#group_buying_area .gcard-people svg{width:13px!important;height:13px!important;flex-shrink:0;color:var(--hint);}

#group_buying_area .gcard.ended .gcard-title{color:var(--muted);}



/* .gcard ±âº»Çü¡¤È£¹ö ±ÔÄ¢Àº gb_main.css ·Î ¿Å±è (2026-09-22). Ä«µå´Â main.asp ¿¡¸¸ ÀÖÀ½(8°³ ÆäÀÌÁö Àü¼ö ½ÇÃø). ¿©±â µÎ¸é ÆäÀÌÁöº° ÆÄÀÏ°ú °ãÃÄ °ªÀÌ µÎ °÷À¸·Î Èð¾îÁø´Ù */
#group_buying_area .gcard.disabled-card{filter:grayscale(1);opacity:.55;cursor:not-allowed;}


#group_buying_area .col-head .sub{font-size:13px;color:var(--muted);margin-left:8px;font-weight:400;letter-spacing:0;}



#group_buying_area .toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(10px);background:var(--primary);color:var(--clear);font-size:13px;font-weight:500;padding:12px 22px;border-radius:var(--r-pill);opacity:0;pointer-events:none;transition:all .22s var(--ease);z-index:2000;box-shadow:0 10px 30px rgba(34,36,80,.32);white-space:nowrap;}

#group_buying_area .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

#group_buying_area .notify-btn.on{background:var(--belief);border-color:var(--border);color:var(--muted);cursor:default;}

#group_buying_area .notify-btn.on:hover{background:var(--belief);color:var(--muted);}

#group_buying_area .upcoming-notify.on{border-color:var(--border);background:var(--belief);color:var(--muted);cursor:default;}

#group_buying_area .upcoming-notify.on:hover{background:var(--belief);color:var(--muted);}

#group_buying_area .pcs-head .brand{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:800;color:var(--primary);letter-spacing:.04em;cursor:pointer;}

#group_buying_area .pcs-head .bar{width:1px;height:15px;background:var(--border);}

#group_buying_area .pcs-head .gb{font-size:15px;font-weight:700;color:var(--primary);}

#group_buying_area .pcs-head .right{margin-left:auto;display:flex;align-items:center;gap:10px;}

#group_buying_area .pcs-head .right a{font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;}

#group_buying_area .pcs-head .right a:hover{color:var(--primary);}

#group_buying_area .sec-card h4 .opt{font-size:11px;font-weight:600;color:var(--hint);}

#group_buying_area .f-label .req{color:var(--hot);}

#group_buying_area .f-err.show{display:block;}

#group_buying_area .radio-card.on{border-color:var(--primary);background:rgba(34,36,80,.03);}

#group_buying_area .radio-card .t b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);}

#group_buying_area .radio-card .t span{display:block;font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.5;}

#group_buying_area .radio-sub.show{display:block;}



#group_buying_area .btn-pri{height:48px;padding:0 22px;border-radius:var(--r-btn);background:var(--primary);color:var(--clear);font-size:14px;font-weight:700;border:none;cursor:pointer;transition:background .15s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:7px;}

#group_buying_area .btn-pri:hover{background:var(--primary-hover);}

#group_buying_area .btn-pri:disabled{background:var(--border);color:var(--hint);cursor:not-allowed;}

#group_buying_area .btn-pri.full{width:100%;}

#group_buying_area .btn-yellow{height:48px;padding:0 22px;border-radius:var(--r-btn);background:var(--accent);color:var(--primary);font-size:14px;font-weight:800;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s var(--ease);}

#group_buying_area .btn-yellow:hover{background:var(--accent-hover);}

#group_buying_area .btn-yellow:disabled,#group_buying_area .btn-yellow[disabled]{background:var(--border);color:var(--hint);cursor:not-allowed;}


#group_buying_area .gcard .btn-yellow:disabled,#group_buying_area .gcard .btn-yellow[disabled]{pointer-events:none;}

#group_buying_area .btn-yellow:disabled:hover,#group_buying_area .btn-yellow[disabled]:hover{background:var(--border);}

#group_buying_area .btn-yellow.full{width:100%;}

/* Èò ¹è°æ Å׵θ® ¹öÆ° (2026-09-23 ½Å¼³). Àüȯ °î¼±Àº ÇÁ·ÎÁ§Æ® ÅäÅ« --ease ´ë½Å ease ¸¦ ¾¸.
   --ease(cubic-bezier(.4,0,.2,1))´Â ½ÃÀÛÀÌ ¸ØÄ©ÇØ »öÀÌ ´Ê°Ô ¹øÁö´Â ´À³¦ÀÌ ³­´Ù. Âü°í ¹öÆ°°ú °°Àº °î¼±À¸·Î ¸ÂÃã. Ä«µå Âü¿©Çϱ⠹öÆ°ÀÌ Èò ¹è°æÀ¸·Î ¹Ù²î¾ú´Âµ¥
   ¸¶Å©¾÷ Ŭ·¡½º°¡ btn-yellow ¶ó À̸§°ú »öÀÌ ¾î±ß³ª ÀÖ¾ú´Ù. À̸§¿¡ »öÀ» ³ÖÁö ¾ÊÀº ¹öÆ°À» »õ·Î µÐ´Ù.
   °ªÀº gb_main.css ÀÇ .gcard-join ¿¡¼­ ¾²´ø °Í°ú °°´Ù. È£¹ö´Â ºê·£µå Å°Ä÷¯ ä¿ò. */
#group_buying_area .btn-outline{box-sizing:border-box;height:48px;padding:0 22px;border-radius:var(--r-btn);background:var(--clear);color:#1a1a1a;font-size:14px;font-weight:800;border:1px solid var(--border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:0;transition:background .3s ease,border-color .3s ease,color .3s ease;}
/* È£¹ö ¶§ ¿À¸¥ÂÊ¿¡¼­ Àڶ󳪴 ȭ»ìÇ¥ (2026-09-23 »ç¿ëÀÚ ¿äû, samyangm.com ¹è³Ê ¹öÆ° ¹æ½Ä).
   Á¤»ç°¢ÇüÀÇ À§/¿À¸¥ÂÊ Å׵θ®¸¸ ³²°Ü 45µµ µ¹¸° ²ª¼è. Æò¼Ò ³Êºñ 0 + Åõ¸íÀ̶ó ¾È º¸ÀÌ°í,
   È£¹ö¿¡¼­ 8px ·Î ÀÚ¶ó¸ç ±ÛÀÚ»ö(currentColor = Èò»ö)À» µû¶ó¿Â´Ù.
   Âü°í ¹öÆ°Àº 54px ³ôÀÌ¿¡ 10px È­»ìÇ¥. ¿ì¸® ¹öÆ°Àº 44px ¶ó °°Àº ºñÀ²·Î 8px. gap Àº 0 À¸·Î µÎ°í
   °£°ÝÀ» margin-left ·Î¸¸ ÁØ´Ù. gap ÀÌ ³²¾Æ ÀÖÀ¸¸é Æò¼Ò¿¡µµ ±ÛÀÚ°¡ ¿ÞÂÊÀ¸·Î ¹Ð¸°´Ù. */
#group_buying_area .btn-outline::after{content:"";width:0;aspect-ratio:1/1;border:2px solid transparent;border-bottom:0;border-left:0;transform:rotate(45deg);transition:width .3s ease,margin-left .3s ease,border-color .3s ease;}
/* hover:hover ·Î Á¦ÇÑ : ÅÍÄ¡ ±â±â¿¡¼­ ÅÇ ÈÄ ¾îµÎ¿î »óÅ°¡ ³²´Â °ÍÀ» ¸·´Â´Ù */
@media (hover:hover){
  #group_buying_area .btn-outline:hover{background:var(--primary);border-color:var(--primary);color:#ffffff;}
  #group_buying_area .btn-outline:hover::after{width:8px;margin-left:8px;border-top-color:currentColor;border-right-color:currentColor;}
}
#group_buying_area .btn-outline:disabled,#group_buying_area .btn-outline[disabled]{background:var(--border);border-color:var(--border);color:var(--hint);cursor:not-allowed;}
#group_buying_area .gcard .btn-outline:disabled,#group_buying_area .gcard .btn-outline[disabled]{pointer-events:none;}
#group_buying_area .btn-outline:disabled:hover,#group_buying_area .btn-outline[disabled]:hover{background:var(--border);border-color:var(--border);color:var(--hint);}
#group_buying_area .btn-outline.full{width:100%;}

#group_buying_area .btn-ghost{height:48px;padding:0 22px;border-radius:var(--r-btn);background:var(--clear);color:var(--muted);font-size:14px;font-weight:600;border:1.5px solid var(--border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:all .15s var(--ease);}

#group_buying_area .btn-ghost:hover{border-color:var(--primary);color:var(--primary);}


#group_buying_area .btn-pri.compact,#group_buying_area .btn-ghost.compact{height:40px;padding:0 14px;font-size:13px;}



#group_buying_area .card-action-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:flex-start;}

#group_buying_area .card-share-wrap{position:relative;}

#group_buying_area .card-share-menu{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--clear);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.12);padding:6px;display:none;flex-direction:column;gap:2px;min-width:150px;z-index:20;}

#group_buying_area .card-share-menu.open{display:flex;}

#group_buying_area .card-share-item{display:flex;align-items:center;gap:8px;padding:0 10px;min-height:40px;border:none;background:none;border-radius:7px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left;}

#group_buying_area .card-share-item:hover{background:var(--belief);}



#group_buying_area .steps{display:flex;align-items:center;gap:0;margin-bottom:22px;}

#group_buying_area .step{display:flex;align-items:center;gap:8px;}

#group_buying_area .step .n{width:28px;height:28px;border-radius:var(--r-pill);background:var(--belief);color:var(--hint);font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

#group_buying_area .step .t{font-size:12.5px;font-weight:600;color:var(--hint);white-space:nowrap;}

#group_buying_area .step.on .n{background:var(--primary);color:var(--clear);}

#group_buying_area .step.on .t{color:var(--primary);font-weight:700;}

#group_buying_area .step.done .n{background:rgba(30,158,99,.12);color:var(--good);}



#group_buying_area .kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}

#group_buying_area .kpi{background:var(--clear);border:1px solid var(--border);border-radius:var(--r-card);padding:16px;}

#group_buying_area .kpi .k{font-size:11.5px;color:var(--muted);font-weight:600;}

#group_buying_area .kpi .v{font-family:'Montserrat',sans-serif;font-weight:900;font-size:24px;color:var(--primary);margin-top:6px;letter-spacing:-.02em;}

#group_buying_area .kpi .v .unit{font-size:13px;font-weight:700;color:var(--muted);margin-left:2px;}

#group_buying_area .kpi .sub{font-size:11px;color:var(--hint);margin-top:4px;}

#group_buying_area .kpi.hot .v{color:var(--hot);}

#group_buying_area .kpi.good .v{color:var(--good);}

#group_buying_area .pill.active{background:rgba(34,36,80,.08);color:var(--primary);}

#group_buying_area .pill.cancel{background:var(--belief);color:var(--muted);}



#group_buying_area .timeline{display:flex;flex-direction:column;gap:0;}

#group_buying_area .tl-item.done .tl-dot{border-color:var(--good);background:var(--good);}

#group_buying_area .tl-item.now .tl-dot{border-color:var(--primary);}

#group_buying_area .tl-item .t b{display:block;font-size:13px;font-weight:700;color:var(--ink);}

#group_buying_area .tl-item .t span{display:block;font-size:11.5px;color:var(--hint);margin-top:2px;}

#group_buying_area .tl-item.pending .t b{color:var(--hint);font-weight:600;}

#group_buying_area .term-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--border);font-size:12.5px;color:var(--ink);cursor:pointer;}

#group_buying_area .term-row .req{font-size:11px;color:var(--hot);font-weight:700;}

#group_buying_area .term-row .view{margin-left:auto;font-size:11.5px;color:var(--hint);text-decoration:underline;cursor:pointer;white-space:nowrap;}



#group_buying_area .subtabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}

#group_buying_area .subtabs::-webkit-scrollbar{display:none;}

#group_buying_area .subtab-btn{height:38px;padding:0 16px;border-radius:var(--r-pill);font-size:13px;font-weight:600;border:1.5px solid rgba(0,0,0,.08);background:var(--clear);color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .15s var(--ease);display:inline-flex;align-items:center;gap:6px;}

#group_buying_area .subtab-btn.active{background:var(--primary);color:var(--clear);border-color:var(--primary);}

#group_buying_area .subtab-btn .cnt{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;opacity:.7;}

#group_buying_area .hero-track{display:flex;transition:transform .5s var(--ease);}

#group_buying_area .hero-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5;}

#group_buying_area .hero-dot{width:7px;height:7px;border-radius:var(--r-pill);background:rgba(255,255,255,.4);cursor:pointer;transition:all .2s var(--ease);}

#group_buying_area .hero-dot.active{background:var(--accent);width:18px;}

#group_buying_area .gb-dp-role button.on{background:var(--primary);border-color:var(--primary);color:var(--clear);}






#group_buying_area .gb-collapse{border:1px solid var(--border);border-radius:10px;background:var(--clear);}

#group_buying_area .gb-collapse>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 14px;cursor:pointer;font-size:13.5px;font-weight:700;color:var(--ink);}

#group_buying_area .gb-collapse>summary::-webkit-details-marker{display:none;}

#group_buying_area .gb-collapse>summary::after{content:'\25BE';color:var(--muted);font-size:13px;transition:transform .2s var(--ease,ease);}

#group_buying_area .gb-collapse[open]>summary::after{transform:rotate(180deg);}

#group_buying_area .gb-collapse>.gb-collapse-body{padding:0 14px 12px;}


#group_buying_area .gb-collapse>summary .gcs-val{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--primary);font-size:15px;}



#group_buying_area .chip-scroll-fade{-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent);}



#group_buying_area .gb-steps-v{display:flex;flex-direction:column;}

#group_buying_area .gb-steps-v .gsv-row{display:flex;gap:10px;position:relative;padding-bottom:14px;}

#group_buying_area .gb-steps-v .gsv-row:last-child{padding-bottom:0;}

#group_buying_area .gb-steps-v .gsv-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--border);background:var(--clear);flex-shrink:0;margin-top:4px;position:relative;z-index:1;}

#group_buying_area .gb-steps-v .gsv-row.on .gsv-dot{background:var(--trendy);border-color:var(--trendy);}

#group_buying_area .gb-steps-v .gsv-row:not(:last-child)::before{content:'';position:absolute;left:4px;top:16px;bottom:-2px;width:2px;background:var(--border);}

#group_buying_area .gb-steps-v .gsv-body{font-size:12.5px;line-height:1.55;color:var(--muted);}

#group_buying_area .gb-steps-v .gsv-body b{color:var(--ink);margin-right:6px;}

#group_buying_area .gb-steps-v .gsv-row.on .gsv-body b{color:var(--trendy);}



#group_buying_area .gb-track-mini{display:flex;align-items:center;margin-top:6px;}

#group_buying_area .gb-track-mini .tm-seg{display:flex;align-items:center;flex:1;}

#group_buying_area .gb-track-mini .tm-seg:last-child{flex:0;}

#group_buying_area .gb-track-mini .tm-dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex-shrink:0;}

#group_buying_area .gb-track-mini .tm-seg.on .tm-dot{background:var(--trendy);}

#group_buying_area .gb-track-mini .tm-line{height:2px;background:var(--border);flex:1;margin:0 2px;}

#group_buying_area .gb-track-mini .tm-seg.on .tm-line{background:var(--trendy);}

#group_buying_area .tm-label{font-size:11px;color:var(--muted);margin-top:3px;}



#group_buying_area .gb-info-rows{display:flex;flex-direction:column;gap:10px;}

#group_buying_area .gb-info-rows .gir{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.55;}

#group_buying_area .gb-info-rows .gir .gi{flex-shrink:0;}

#group_buying_area .gb-info-rows .gir b{display:block;font-size:12.5px;}

/* ---- hero carousel (main/S6) ---- */


#group_buying_area .m-disc{margin-top:18px;display:flex;flex-direction:column;gap:6px;}

#group_buying_area .m-disc .mx{font-weight:700;color:var(--clear);}

#group_buying_area .m-disc .mx .pct{font-family:'Montserrat',sans-serif;font-weight:900;color:var(--accent);font-size:42px;line-height:1;}

#group_buying_area .m-disc .cur{font-size:13.5px;color:rgba(255,255,255,.72);}


#group_buying_area .b-meta{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:13.5px;color:rgba(255,255,255,.88);flex-wrap:wrap;}

#group_buying_area .b-meta .num{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--clear);}

#group_buying_area .b-meta .sep{color:rgba(255,255,255,.3);}

#group_buying_area .b-meta .dday{color:#ff9d96;}


#group_buying_area .hero{position:relative;overflow:hidden;background:var(--primary);}

#group_buying_area .hero-deco{position:absolute;inset:0;opacity:.5;pointer-events:none;}

#group_buying_area .hero-deco svg{width:100%;height:100%;}

#group_buying_area .hero-wash{position:absolute;inset:0;background:radial-gradient(120% 120% at 82% 8%,rgba(34,36,80,.15) 0%,rgba(20,21,46,.9) 55%),linear-gradient(180deg,rgba(20,21,46,.82),rgba(20,21,46,.96));pointer-events:none;}

#group_buying_area .hero-track{display:flex;transition:transform .5s var(--ease);position:relative;z-index:1;}

#group_buying_area .hero-slide{flex:0 0 100%;min-width:0;}

#group_buying_area .hero-2col{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:center;padding:48px 28px;min-height:380px;}

#group_buying_area .hero-info{color:var(--clear);min-width:0;}

#group_buying_area .hero-label{display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;letter-spacing:.06em;background:var(--accent);color:var(--primary);padding:5px 12px;border-radius:var(--r-pill);}

#group_buying_area .hero-event-label{background:#e6f7ed;color:#1a7f4b;}
 
#group_buying_area .hero-event-art{font-size:clamp(90px,11vw,150px);line-height:1;align-self:center;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25));}

#group_buying_area .hero-event .hero-title b,#group_buying_area .hero-event .hero-title{color:var(--accent);}

#group_buying_area .hero-title{font-size:32px;font-weight:800;letter-spacing:-.025em;line-height:1.25;margin-top:16px;}

#group_buying_area .hero-sub{font-size:14.5px;color:rgba(255,255,255,.78);margin-top:10px;line-height:1.6;}

#group_buying_area .hero-meta{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap;}

#group_buying_area .hero-chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;padding:7px 13px;border-radius:var(--r-pill);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.92);}

#group_buying_area .hero-chip.disc{background:var(--accent);border-color:var(--accent);color:var(--primary);}

#group_buying_area .hero-chip.dday{background:rgba(229,54,44,.2);border-color:rgba(229,54,44,.45);color:#ff9d96;}

#group_buying_area .hero-chip .num{font-family:'Montserrat',sans-serif;font-weight:800;}

#group_buying_area .hero-cta{margin-top:24px;}

#group_buying_area .hero-visual{display:flex;justify-content:center;}

#group_buying_area .hero-card{width:320px;max-width:100%;background:var(--clear);border-radius:var(--r-card);overflow:hidden;box-shadow:0 24px 60px -16px rgba(0,0,0,.5);}

/* ½½¶óÀÌµå ¹è³Ê À̹ÌÁö ¿µ¿ªÀº 320x240 °íÁ¤. À̹ÌÁö´Â ºñÀ²À» À¯ÁöÇÑ Ã¤ ¾È¿¡ µé¾î°£´Ù(À߸®Áö ¾Ê°Ô contain). */
#group_buying_area .hero-card-thumb{position:relative;width:100%;height:240px;display:flex;align-items:center;justify-content:center;font-size:88px;overflow:hidden;background:linear-gradient(135deg,var(--belief),var(--accent-soft));}
#group_buying_area .hero-card-thumb img{width:100%;height:100%;object-fit:contain;display:block;}

#group_buying_area .hero-card-badge{position:absolute;top:10px;right:10px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:11px;padding:5px 11px;border-radius:var(--r-pill);background:var(--accent);color:var(--primary);border:1.5px solid var(--clear);box-shadow:0 2px 8px rgba(34,36,80,.2);white-space:nowrap;}

#group_buying_area .hero-card-info{padding:16px 18px 18px;}

#group_buying_area .hero-card-sub{font-size:11.5px;font-weight:500;color:var(--muted);line-height:1.4;}

#group_buying_area .hero-card-name{font-size:15px;font-weight:700;color:var(--ink);margin-top:6px;line-height:1.4;}

#group_buying_area .card-more-items{display:inline-block;font-size:11.5px;font-weight:600;color:var(--accent-hover);background:var(--accent-soft);border:none;border-radius:var(--r-pill);padding:2px 9px;margin-left:2px;cursor:pointer;vertical-align:middle;}

#group_buying_area .card-more-items:hover{background:var(--accent);color:var(--primary);}

#group_buying_area .hero-card-disc{margin-top:10px;font-family:'Montserrat',sans-serif;font-weight:900;font-size:22px;color:var(--primary);}

#group_buying_area .hero-card-disc .pc{font-size:.6em;}

#group_buying_area .hero-card-disc .basis{font-size:11px;font-weight:500;color:var(--hint);margin-left:6px;}

#group_buying_area .hero-card .hero-card-disc .basis,#group_buying_area .hero-chip{line-height:1;}

/* ---- È÷¾î·Î Á¼Àº Æø : À̹ÌÁö À§ / ÅؽºÆ® ¾Æ·¡ 1´Ü (±âȹ groupbuy_hero.css @media 839px) ----
   ÀÌ½Ä ´©¶ôÀ¸·Î Á¼Àº â¿¡¼­µµ 2´ÜÀ» À¯ÁöÇØ ¿ÞÂÊ ÅؽºÆ®°¡ ÇÑ ±ÛÀÚ¾¿ Áٹٲ޵Ǵø ¹®Á¦¸¦ ÇØ°áÇÑ´Ù.
   Ä«µå À̹ÌÁö ³ôÀÌ 240px °íÁ¤Àº À¯ÁöÇÏ°í(±âȹÀº 16/9) Æø¸¸ È­¸éÀ» ä¿î´Ù. */
@media (max-width:839px){
#group_buying_area .hero{min-height:auto;}
#group_buying_area .hero-2col{grid-template-columns:1fr;gap:18px;padding:22px 20px 44px;min-height:auto;}
#group_buying_area .hero-visual{order:-1;margin-bottom:16px;}
#group_buying_area .hero-card{width:100%;max-width:none;}
#group_buying_area .hero-title{font-size:22px;margin-top:10px;}
#group_buying_area .hero-sub{font-size:13px;}
#group_buying_area .hero-cta{margin-top:18px;}
#group_buying_area .hero-cta .btn-yellow{width:100%;}
#group_buying_area .hero-dots{bottom:12px;}
#group_buying_area .hero-event-art{font-size:clamp(72px,18vw,110px);margin-bottom:4px;}
}

#group_buying_area .hero-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:5;}



#group_buying_area .hero-image-full{position:relative;min-height:380px;}

#group_buying_area .hif-bg{position:absolute;inset:0;}

#group_buying_area .hif-bg img{width:100%;height:100%;object-fit:cover;display:block;}

#group_buying_area .hif-bg .hif-emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(70px,10vw,130px);background:linear-gradient(135deg,var(--belief),var(--accent-soft,#fff3cd));}

#group_buying_area .hif-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,21,46,.5) 0%,rgba(20,21,46,.68) 50%,rgba(20,21,46,.85) 100%);}

#group_buying_area .hif-content{position:absolute;inset:0;z-index:1;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:48px 28px;}

/* ---- keyframes ---- */

@keyframes gbPickShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

@keyframes gbChipShine{0%{background-position:0% 0}100%{background-position:200% 0}}

/* ---- ASP integration guards (added 2026-08-20) ----
   grid children must be allowed to shrink, and content images must never
   force a track wider than the wrapper (plan demo used emoji placeholders,
   real service uses full-size photos). */
#group_buying_area .s6-wrap>*,#group_buying_area .s8-wrap>*,#group_buying_area .cr-wrap>*,#group_buying_area .s12-wrap>*{min-width:0;}
#group_buying_area .s8-visual,#group_buying_area .s8-body,#group_buying_area .s8-side{min-width:0;}
#group_buying_area .s8-hero-img{width:100%;}
#group_buying_area .s8-hero-img img,#group_buying_area .s8-thumb img,#group_buying_area .s8-prod-thumb img,#group_buying_area .s8-content img,#group_buying_area .gcard img,#group_buying_area .hero-card-thumb img,#group_buying_area .s8-modal-img img{max-width:100%;}
#group_buying_area .s8-content img{height:auto;}
#group_buying_area .s8-content{overflow-wrap:anywhere;}


/* ---- hidden ¼Ó¼º º¸È£ ----
   .cr-pv-ov °°ÀÌ display:flex ¸¦ °¡Áø ¿ä¼Ò¿¡ hidden À» °É¸é display °¡ À̰ܼ­
   È­¸éÀ» µ¤´Â ·¹À̾ ±×´ë·Î º¸ÀÌ°í ÀÔ·ÂÀÌ ¸·Èù´Ù. hidden ÀÌ¸é ¹«Á¶°Ç °¨Ãá´Ù. */
#group_buying_area [hidden]{display:none !important;}

/* ---- box-sizing ¸®¼Â ----
   ±âȹ ÇÁ·ÎÅäŸÀÔÀÇ °øÅë reset(* -> box-sizing:border-box)ÀÌ ÀÌ½Ä ¶§ ºüÁ®¼­
   max-width/height °¡ padding ¸¸Å­ Ä¿Á® º¸¿´´Ù. °øµ¿±¸¸Å ¿µ¿ª ¾È¿¡¼­¸¸ µÇµ¹¸°´Ù. */
#group_buying_area,
#group_buying_area *,
#group_buying_area *::before,
#group_buying_area *::after{box-sizing:border-box;}



/* ---- »óÇ° ½æ³×ÀÏ ÀÚ¸®Ç¥½Ã ----
   GB º¹»ç Àå¹Ù±¸´ÏÀÇ ½æ³×ÀÏ ÆÄÀÏÀÌ ¾ÆÁ÷ »ý¼ºµÇÁö ¾Ê¾Æ 404 °¡ ³ª¸é(onerror ·Î img ¸¦ ¼û±è)
   ºó ȸ»ö »ç°¢Çü¸¸ ³²´Â´Ù. ¾ÆÀÌÄÜÀ» ±ò¾Æ µÎ¾î "À̹ÌÁö Áغñ Áß"À¸·Î ÀÐÈ÷°Ô ÇÑ´Ù.
   ½æ³×ÀÏÀÌ Á¤»ó ·ÎµåµÇ¸é img(z-index:1)°¡ À§¸¦ µ¤À¸¹Ç·Î ¾ÆÀÌÄÜÀº º¸ÀÌÁö ¾Ê´Â´Ù. */
#group_buying_area .op-thumb,
#group_buying_area .s8-prod-thumb{position:relative;}
#group_buying_area .op-thumb::after,
#group_buying_area .s8-prod-thumb::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background:var(--gb-svg-noimg) center/44% no-repeat;}
#group_buying_area .op-thumb img,
#group_buying_area .s8-prod-thumb img{position:relative;z-index:1;}


/* ---- °øµ¿±¸¸Å °øÅë ¼­ºê¸Þ´º(include/gb_nav.asp) ----
   ±âȹ pf-snav ´ëÀÀ. »çÀÌÆ® Çì´õ´Â °Çµå¸®Áö ¾Ê°í °øµ¿±¸¸Å ¿µ¿ª ÃÖ»ó´Ü¿¡ ³õ´Â´Ù. */
/* ¾Æ·¡ ¼± »èÁ¦ (2026-09-23 »ç¿ëÀÚ Áö½Ã) */
/* ±Û²Ã Á÷Á¢ ÁöÁ¤ (2026-09-23 »ç¿ëÀÚ °áÁ¤). »çÀÌÆ® ±âº» »ó¼ÓÀÌ YoonGothicPro740 À̶ó 760 ÀÌ ¾È °É¸°´Ù.
   760 Àº »çÀÌÆ®¿¡ ÀÌ¹Ì @font-face ·Î ¼±¾ð, ·Îµå±îÁö µÅ ÀÖ°í ´Ù¸¥ ±¸°£¿¡¼­ ¾²°í ÀÖ´Ù.
   ÇÁ·ÎÁ§Æ® ±ÔÄ¢Àº ÇÑ±Û ±Û²ÃÀ» CSS ¿¡ ¹ÚÁö ¾Ê´Â °ÍÀ̳ª ¿©±â´Â ÀǵµµÈ ¿¹¿Ü´Ù.
   »óÀÚ¿¡ ÇÑ ¹ø¸¸ ÁöÁ¤ÇÏ°í ¾ÈÂÊ Ç׸ñ(¸Þ´º, °³¼³ ¹öÆ°, ´õº¸±â)Àº ¹°·Á¹Þ´Â´Ù.
   Montserrat ¸¦ ¾Õ¿¡ µÎ´Â °ÍÀº »çÀÌÆ® ±âº» ¼ø¼­¿Í °°´Ù. ¼ýÀÚ¿Í ¿µ¹®À» ±×ÂÊÀÌ ¸Ã´Â´Ù. */
#group_buying_area .gb-snav{background:var(--clear);font-family:'Montserrat','YoonGothicPro760',sans-serif;}
#group_buying_area .gb-snav-in{position:relative;max-width:1200px;margin:0 auto;padding:20px 0 28px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;}
#group_buying_area .gb-snav-menu{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;}
/* ¿À¸¥ÂÊ ¹­À½ : ¸¶ÀÌ °øµ¿±¸¸Å + °³¼³ ¹öÆ° (2026-09-23 ½Å¼³).
   gb-snav-in ÀÌ ¾ç ³¡ Á¤·ÄÀ̶ó Ç׸ñÀÌ ¼ÂÀÌ µÇ¸é Çϳª°¡ °¡¿îµ¥·Î °£´Ù. µÑÀ» ÇÑ »óÀÚ¿¡ ¹­¾î ¿À¸¥ÂÊ¿¡ ºÙÀδÙ. */
#group_buying_area .gb-snav-right{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto;}	/* margin-left:auto (2026-10-16 »ç¿ëÀÚ Áö½Ã) : ¸ð¹ÙÀÏÀº ½ºÅ©¸³Æ®°¡ "..." ¹öÆ°À» gb-snav-in ³¡¿¡ µû·Î ºÙ¿© Ç׸ñÀÌ ¼ÂÀÌ µÇ°í, ¾ç ³¡ Á¤·Ä ¶§¹®¿¡ °³¼³ ¹öÆ°ÀÌ °¡¿îµ¥·Î °¬´Ù. ³²´Â ÆøÀ» ¿ÞÂÊ¿¡¼­ °¡Á®°¡ "..." ¿·¿¡ ºÙÀδÙ. PC ´Â "..." °¡ ¾ø¾î À§Ä¡ ±×´ë·Î(½ÇÃø) */
/* ¸¶ÀÌ °øµ¿±¸¸Å´Â ±Û¾¾¸¸ ³²±ä´Ù (2026-09-23 »ç¿ëÀÚ Áö½Ã). Å׵θ®, ¹è°æ, È£¹ö ¾øÀ½.
   °³¼³ ¹öÆ°°úÀÇ ±¸ºÐ¼±Àº ÀÌ Ç׸ñÀÇ ::after ·Î ±×¸°´Ù. Á¼Àº È­¸é¿¡¼­ Ç׸ñÀÌ Á¢È÷¸é ¼±µµ °°ÀÌ »ç¶óÁø´Ù.
   ¹®ÀÚ | ´ë½Å 1px ¼±À¸·Î ±×¸° ÀÌÀ¯ : ³ôÀÌ¿Í »öÀ» ¸ÂÃâ ¼ö ÀÖ°í ±Û²Ã¿¡ µû¶ó ±½±â°¡ ´Þ¶óÁöÁö ¾Ê´Â´Ù. */
#group_buying_area .gb-snav-right .gb-snav-item{gap:0;padding:0;border:0;background:none;}
#group_buying_area .gb-snav-right .gb-snav-item:hover{background:none;color:#333333;}
#group_buying_area .gb-snav-right .gb-snav-item.on,#group_buying_area .gb-snav-right .gb-snav-item.on:hover{background:none;color:var(--primary);}
#group_buying_area .gb-snav-right .gb-snav-item::after{content:"";width:1px;height:12px;background:var(--border);margin-left:12px;flex-shrink:0;}
/* ÇÊÅÍ ÅÇ(.subtab-btn)°ú °°Àº ¼± ½ºÅ¸ÀÏ·Î ¸ÂÃã (2026-09-23 »ç¿ëÀÚ Áö½Ã).
   ¾Æ·¡ ¼±À» Áö¿î µÚ ¹öÆ°ÀÌ ¹ÞÃÄÁÖ´Â °Í ¾øÀÌ ¶° º¸¿´´Ù. °¢ÀÚ À±°ûÀ» °®°Ô ÇÑ´Ù.
   ¿©¹éÀº Å׵θ® 1.5px ¸¸Å­ ÁÙ¿©(9¡æ7.5, 16¡æ14.5) ¹öÆ° ¹Ù±ù Å©±â¿Í ³»ºñ ³ôÀ̸¦ ±×´ë·Î À¯ÁöÇÑ´Ù. */
#group_buying_area .gb-snav-item{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;padding:7.5px 14.5px;border:1.5px solid var(--border);border-radius:var(--r-pill);background:var(--clear);font-size:13px;font-weight:inherit;color:#333333;text-decoration:none;white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);}
#group_buying_area .gb-snav-item:hover{border-color:#CCCCCC;background:#F5F5F5;color:#1a1a1a;}
#group_buying_area .gb-snav-item.on{background:var(--primary);border-color:var(--primary);color:var(--clear);}
#group_buying_area .gb-snav-item.on:hover{background:var(--primary);border-color:var(--primary);color:var(--clear);}
#group_buying_area .gb-snav-hot{font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:800;color:var(--clear);background:var(--hot);border-radius:4px;padding:2px 5px;line-height:1.3;letter-spacing:.02em;}
/* °³¼³ ¹öÆ° : + ±âÈ£¸¦ SVG ·Î ³Ö¾î gap À¸·Î ¶ç¿î´Ù. È£¹ö¿¡¼­ ±âÈ£°¡ 90µµ µ·´Ù (2026-09-23) */
#group_buying_area .gb-snav-create{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:var(--r-pill);background:var(--accent);color:var(--primary);font-size:13px;font-weight:inherit;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .3s ease;}
/* + ±âÈ£´Â SVG(.ico-plus). È£¹ö¿¡¼­ 90µµ µ¹¸°´Ù. Áß¿äÇÑ ¹öÆ°ÀÌ¶ó ´­·¯µµ µÈ´Ù´Â ½ÅÈ£¸¦ ÁØ´Ù (2026-09-23) */
#group_buying_area .gb-snav-create .ico-plus{flex-shrink:0;transition:transform .3s ease;}
@media (hover:hover){
  #group_buying_area .gb-snav-create:hover .ico-plus{transform:rotate(90deg);}
}
#group_buying_area .gb-snav-create:hover{background:var(--accent-hover);}
/* priority+ : gb_nav.asp ÀÇ ½ºÅ©¸³Æ®°¡ Æø °è»êÀ¸·Î ³ÑÄ¡´Â Ç׸ñ¸¸ ¾Æ·¡ µå·Ó´Ù¿îÀ¸·Î ¿Å±ä´Ù(±âȹ groupbuy_nav.js À̽Ä). */
#group_buying_area .gb-snav-more{display:none;width:40px;height:36px;flex-shrink:0;border:none;background:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;border-radius:8px;align-items:center;justify-content:center;}
#group_buying_area .gb-snav-more:hover{background:var(--belief);color:var(--primary);}
#group_buying_area .gb-snav-overflow{display:none;position:absolute;top:calc(100% - 6px);right:16px;background:var(--clear);border:1px solid var(--border);border-radius:12px;padding:6px;z-index:300;}	/* ±×¸²ÀÚ »èÁ¦ ¡¤ ÃÖ¼Ò Æø 180px »èÁ¦ ¡æ °¡Àå ±ä Ç׸ñ ±ÛÀÚ¿¡ ¸ÂÃç Æø °áÁ¤ (2026-10-15 »ç¿ëÀÚ Áö½Ã). Å׵θ®·Î¸¸ ±¸ºÐ */
#group_buying_area .gb-snav-overflow.show{display:block;}
#group_buying_area .gb-snav-overflow a{display:block;padding:11px 14px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap;cursor:pointer;}
#group_buying_area .gb-snav-overflow a:hover{background:var(--belief);color:var(--primary);}
#group_buying_area .gb-snav-overflow a.create{margin-top:4px;background:var(--accent);color:var(--primary);font-weight:800;}	/* °¡¿îµ¥ Á¤·Ä »èÁ¦ : À§ ¸¶ÀÌ °øµ¿±¸¸Å¿Í ±ÛÀÚ ½ÃÀÛ¼± ¸ÂÃã (2026-10-15 »ç¿ëÀÚ °áÁ¤) */
#group_buying_area .gb-snav-overflow a.create:hover{background:var(--accent-hover);color:var(--primary);}
/* °¡·Î Æеù 0 : ÄÁÅ×ÀÌ³Ê 1200px À» ÄÜÅÙÃ÷ ÆøÀ¸·Î ¾¸. Á¼Àº È­¸é¿¡¼­¸¸ ¿©¹é º¹±¸ */
@media (max-width:1232px){
#group_buying_area .gb-snav-in{padding-left:16px;padding-right:16px;}
}
@media (max-width:599px){
#group_buying_area .gb-snav-in{padding:12px;gap:8px;border-top:1px solid #efefef;}	/* À§¾Æ·¡ 8 -> 12px ¡¤ »çÀÌÆ® ¸Ó¸®±Û°ú »çÀÌ 1px ¼± #efefef (2026-10-15 »ç¿ëÀÚ Áö½Ã : ¸ðµç °øµ¿±¸¸Å È­¸é). ¼±ÀÌ º¸ÀÌ·Á¸é À§ ¿©¹éÀÌ ¸Ó¸®±Û ¹Ù´Ú°ú °°¾Æ¾ß ÇÔ(m 112 ¡¤ ¾Û 45) */
#group_buying_area .gb-snav-menu{gap:6px;flex-wrap:nowrap;}	/* ¹öÆ° »çÀÌ 2 -> 6px (2026-10-15 »ç¿ëÀÚ Áö½Ã) */
#group_buying_area .gb-snav-item{padding:7px 12px;font-size:12px;line-height:16px;border-width:1px;}	/* ¸ð¹ÙÀÏ ¸Þ´º ¹öÆ° : ÇÊÅÍ Ä¨(32px)°ú °°Àº ³ôÀÌ·Î. À§¾Æ·¡ 8 -> 7 ¡¤ Å׵θ® 1.5 -> 1 ¡¤ ÁÙ ³ôÀÌ 16px(»çÀÌÆ® °øÅë ÁÙ °£°ÝÀ» ¹°·Á¹Þ¾Æ 40px ÀÌ´ø °Í) (2026-10-15 »ç¿ëÀÚ ¿äû) */
#group_buying_area .gb-snav-create{height:32px;padding:0 14px;font-size:12.5px;}	/* °ø±¸ °³¼³ 34 -> 32px (2026-10-15) */
}
/* ÇÒÀÎ ±¸°£Ç¥ (±âȹ assets_common.css .gb-ladder, 2026-09-29) - »ó¼¼(S8) ¤ý °³¼³ÀÚ ´ë½Ãº¸µå(S4) °ø¿ë. ÇÔ¼ö = gb_product.asp gbLadderHtml */
#group_buying_area .gb-ladder{display:flex;flex-direction:column;gap:2px;margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted);}
#group_buying_area .gb-ladder-head{display:flex;justify-content:space-between;gap:8px;font-weight:800;font-size:11.5px;color:var(--muted);margin-bottom:2px;}
#group_buying_area .gb-ladder-head .gl-now{color:var(--primary);}
#group_buying_area .gb-ladder-row{display:grid;grid-template-columns:minmax(52px,auto) minmax(40px,auto) minmax(64px,auto) 1fr;gap:8px;align-items:baseline;padding:3px 8px;border-radius:6px;}
#group_buying_area .gb-ladder-row .gl-qty{font-weight:700;color:var(--ink);}
#group_buying_area .gb-ladder-row .gl-rate{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--ink);}
#group_buying_area .gb-ladder-row .gl-price{color:var(--muted);}
#group_buying_area .gb-ladder-row .gl-st{text-align:right;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap;}
#group_buying_area .gb-ladder-row.is-done .gl-qty,#group_buying_area .gb-ladder-row.is-done .gl-rate{color:var(--muted);}
#group_buying_area .gb-ladder-row.is-now,#group_buying_area .gb-ladder-row.is-final{background:var(--group-purple-soft,#F1F0FB);}
#group_buying_area .gb-ladder-row.is-final .gl-qty,#group_buying_area .gb-ladder-row.is-final .gl-rate,#group_buying_area .gb-ladder-row.is-final .gl-price,#group_buying_area .gb-ladder-row.is-final .gl-st{color:var(--primary);}
#group_buying_area .gb-ladder-row.is-next .gl-st{color:var(--ink);}
#group_buying_area .gb-ladder-row.is-todo .gl-qty,#group_buying_area .gb-ladder-row.is-todo .gl-rate,#group_buying_area .gb-ladder-row.is-todo .gl-price{color:var(--muted);}

/* --- 2026.09.02 ¸ð¹ÙÀÏ/¾Û ----
   ¸ð¹ÙÀÏ/¾ÛÀÇ °æ¿ì¿¡´Â GNB·Î ÀÎÇØ »ó´Ü °£°Ý ÇÊ¿ä (ysshin712)
   ÇÑ ¹ú (2026-10-15) : ¼­¹ö¸¶´Ù °ªÀÌ ´Þ¶ó(PC ¾øÀ½ ¡¤ m 124px ¡¤ ¾Û 45px) °¢ ¼­¹ö ¸Ó¸®±Û ±¸Á¶·Î ³ª´«´Ù.
   °øµ¿±¸¸Å ¿µ¿ªÀº ¼¼ ¼­¹ö ¸ðµÎ #wrap ¹Ù·Î ¾È. ¾Õ¿¡ ¿À´Â ¿ä¼Ò°¡ PC div#header / ¾Û header.nav-down / m header.nav-down + div.nav_bt_wrap
   (2026-10-15 ½ÇÃø : m main ¡¤ dashboard ¡¤ detail, and100 dashboard, ios100 main, www main). m ±ÔÄ¢ÀÌ ¾Û ±ÔÄ¢º¸´Ù ±¸Ã¼ÀûÀ̶ó m ¿¡¼­´Â 124px */
#wrap > header.nav-down ~ #group_buying_area{margin-top:45px;}
#wrap > header.nav-down ~ .nav_bt_wrap ~ #group_buying_area{margin-top:112px;}	/* m °íÁ¤ ¸Ó¸®±Û ¹Ù´Ú 112px ¿¡ ¸ÂÃã (2026-10-15 : 124 -> 106 -> 112). 106 ÀÌ¸é ¿µ¿ª À§ 6px °¡ ¸Ó¸®±Û ¹Ø¿¡ ¼û¾î 1px ¼±ÀÌ ¾È º¸¿´À½ */

/* ÀÔ·ÂÄ­¤ý¼³¸í ¿¡µðÅÍ ±Û²Ã (2026-10-14) : »çÀÌÆ® ±âº» YoonGothicPro740 Àº ÇÑ±Û 11,172ÀÚ Áß 2,350ÀÚ¸¸ ÀÖ°í ³ª¸ÓÁö´Â ³¹ÀÚ Á¶°¢À¸·Î ±×¸°´Ù.
   ±×·¡¼­ ÀÔ·Â Áß 2,350ÀÚ ¹Û ±ÛÀÚ°¡ ³¹ÀÚ·Î ÂÉ°³Á® º¸¿´´Ù(°ªÀº Á¤»ó, Ç¥½Ã¸¸ ±úÁü). ÀÔ·ÂÇÏ´Â °÷¸¸ ÇÑ±Û Àüü°¡ ÀÖ´Â ½Ã½ºÅÛ ±Û²Ã·Î ¹Ù²Û´Ù.
   ¿µ¹®¤ý¼ýÀÚ´Â »çÀÌÆ®¿Í °°ÀÌ Montserrat. ÇÑ±Û ±Û²ÃÀ» CSS ¿¡ ¹ÚÁö ¾Ê´Â ±ÔÄ¢ÀÇ ÀǵµµÈ ¿¹¿Ü(gb-snav ¿Í °°Àº »çÀ¯). */
#group_buying_area input[type="text"],#group_buying_area input[type="search"],#group_buying_area input[type="password"],#group_buying_area input:not([type]),
#group_buying_area textarea,#group_buying_area [contenteditable]{font-family:'Montserrat','Malgun Gothic','Apple SD Gothic Neo','Noto Sans KR','Nanum Gothic',sans-serif;}

/* ÀÔ·Â ¿ä¼Ò ¼±Åà Çã¿ë (2026-10-15) : ¸ð¹ÙÀϤý¾Û °øÅë /include/css/content.css ù ÁÙÀÌ div{user-select:none} À̶ó
   div ¾ÈÀÇ ÀÔ·ÂÄ­°ú ¼³¸í ¿¡µðÅÍ(ÆíÁý °¡´ÉÇÑ div)±îÁö ¼±Åà ºÒ°¡¸¦ ¹°·Á¹Þ´Â´Ù. ¾Èµå·ÎÀ̵å À¥ºä´Â À̶§ Ä¿¼­¸¦ ¾È ±×¸®°Å³ª
   ´©¸¥ ÀÚ¸®¿¡ Ä¿¼­¸¦ ¸ø ³õ¾Æ ´Ù¸¥ Ä­À¸·Î Æ÷Ä¿½º°¡ Æ¢¾ú´Ù(PC ´Â ÀÌ CSS ¸¦ ¾È ½á¼­ Áõ»ó ¾øÀ½). °øµ¿±¸¸Å ÀÔ·Â ¿ä¼Ò¸¸ µÇµ¹¸°´Ù. */
#group_buying_area input,#group_buying_area textarea,#group_buying_area select,
#group_buying_area [contenteditable],#group_buying_area [contenteditable] *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}

/* Ä¿¼­ »ö (2026-10-15) : ½ÇÁ¦ ±â±â(¾Û À¥ºä)¿¡¼­ Ä¿¼­°¡ Èò»öÀ¸·Î ±×·ÁÁ® ¾È º¸¿´´Ù. °øµ¿±¸¸Å ¿µ¿ª ÀÔ·Â ¿ä¼Ò´Â ±âº» ¹öÆ° »ö(--primary)À¸·Î °íÁ¤. */
#group_buying_area input,#group_buying_area textarea,#group_buying_area [contenteditable],#group_buying_area [contenteditable] *{caret-color:var(--primary);}
/* À̸ðÁö PNG ¡æ SVG : ÁßÁö(stopped) ¡¤ Ãë¼Ò(cancelled) ¡¤ ºñ¹Ð¹øÈ£(password) È­¸é (2026-10-15 »ç¿ëÀÚ ¿äû)
   ÀÌ È­¸éµéÀÇ CSS(gb_status ¡¤ gb_password)´Â ¾ÆÁ÷ ÇÑ ¹úÀÌ ¾Æ´Ï¶ó °ø¿ë ÆÄÀÏ¿¡ µÐ´Ù. ±× ÆÄÀÏÀ» ÇÑ ¹ú·Î ¹Ù²Ü ¶§ ±×ÂÊÀ¸·Î ¿Å±æ °Í.
   asp ´Â ±×´ë·Î µÎ°í src ·Î °ñ¶ó ¿ø·¡ ±×¸²Àº ¹ÛÀ¸·Î ¹Ð°í, ¹ÙÅÁ»öÀ» SVG ¸ð¾çÀ¸·Î ¿À·Á ³½´Ù(mask). Å©±â´Â °¢ ÆäÀÌÁö CSS ÀÇ img Å©±â ±×´ë·Î */
#group_buying_area .st-icon img[src*="emoji_stop"]{object-fit:none;object-position:-9999px 0;background-color:var(--primary);-webkit-mask:var(--gb-svg-ban) center/contain no-repeat;mask:var(--gb-svg-ban) center/contain no-repeat;}
#group_buying_area .st-icon img[src*="emoji_sign"]{object-fit:none;object-position:-9999px 0;background-color:var(--primary);-webkit-mask:var(--gb-svg-x-circle) center/contain no-repeat;mask:var(--gb-svg-x-circle) center/contain no-repeat;}
#group_buying_area .gi img[src*="emoji_warning"]{object-fit:none;object-position:-9999px 0;background-color:currentColor;-webkit-mask:var(--gb-svg-warning) center/contain no-repeat;mask:var(--gb-svg-warning) center/contain no-repeat;}
#group_buying_area .gi img[src*="emoji_card"]{object-fit:none;object-position:-9999px 0;background-color:currentColor;-webkit-mask:var(--gb-svg-card) center/contain no-repeat;mask:var(--gb-svg-card) center/contain no-repeat;}
#group_buying_area .gi img[src*="emoji_trash"]{object-fit:none;object-position:-9999px 0;background-color:currentColor;-webkit-mask:var(--gb-svg-trash) center/contain no-repeat;mask:var(--gb-svg-trash) center/contain no-repeat;}
#group_buying_area .st-btn-pri img[src*="emoji_refresh"]{object-fit:none;object-position:-9999px 0;display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:-3px;background-color:currentColor;-webkit-mask:var(--gb-svg-refresh) center/contain no-repeat;mask:var(--gb-svg-refresh) center/contain no-repeat;}	/* ¹öÆ° ¾È Å©±â ÁöÁ¤ÀÌ ¾ø¾î ¿øº» 128px ·Î ³ª¿À´ø °ÍÀ» ±ÛÀÚ ¿· 18px ·Î */
#group_buying_area .pw-lock img[src*="emoji_lock"]{object-fit:none;object-position:-9999px 0;background-color:var(--primary);-webkit-mask:var(--gb-svg-lock) center/contain no-repeat;mask:var(--gb-svg-lock) center/contain no-repeat;}