{"id":46599,"date":"2026-08-23T16:09:34","date_gmt":"2026-08-23T20:09:34","guid":{"rendered":"https:\/\/onoolmarket.com\/ma\/?page_id=46599"},"modified":"2026-08-23T16:09:35","modified_gmt":"2026-08-23T20:09:35","slug":"member","status":"publish","type":"page","link":"https:\/\/onoolmarket.com\/ma\/member\/","title":{"rendered":"Member"},"content":{"rendered":"\n<div class=\"wp-block-wd-section wd-1efc9e47\">\n<meta charset=\"UTF-8\">\n<title>\uc624\ub298\ub9c8\ucf13 \uba64\ubc84\uc2ed \ud61c\ud0dd<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&amp;family=Noto+Sans+KR:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  :root {\n    --flamingo: #f5a2a1;\n    --orchid: #f4c8ca;\n    --rosewater: #eddbdf;\n    --oyster: #efeae5;\n    --dark: #2c2424;\n    --mid: #3d3232;\n    --muted: #5c4f4f;\n    --warm-gray: #7a6e6e;\n    --white: #fffdfb;\n  }\n\n  * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  body {\n    background: var(--oyster);\n    color: var(--dark);\n    font-family: \"Noto Sans KR\", sans-serif;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .wrap {\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 88px 24px 100px;\n  }\n\n  \/* Header *\/\n  .header {\n    max-width: 700px;\n    margin: 0 auto 56px;\n    text-align: center;\n  }\n\n  .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 18px;\n    color: var(--flamingo);\n    font-size: 12.5px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n  }\n\n  .eyebrow::before,\n  .eyebrow::after {\n    content: \"\";\n    width: 22px;\n    height: 1px;\n    background: var(--flamingo);\n  }\n\n  h1 {\n    margin-bottom: 16px;\n    color: var(--dark);\n    font-size: clamp(32px, 4.6vw, 48px);\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: -0.05em;\n    word-break: keep-all;\n  }\n\n  h1 .en {\n    display: block;\n    margin-top: 5px;\n    color: var(--warm-gray);\n    font-family: \"Fraunces\", serif;\n    font-size: 0.4em;\n    font-weight: 500;\n    line-height: 1.4;\n    letter-spacing: 0.01em;\n  }\n\n  .subhead {\n    color: var(--muted);\n    font-size: 16px;\n    line-height: 1.8;\n    letter-spacing: -0.025em;\n    word-break: keep-all;\n  }\n\n  .subhead-en {\n    max-width: 620px;\n    margin: 6px auto 0;\n    color: #9a8989;\n    font-size: 11px;\n    font-weight: 400;\n    line-height: 1.6;\n    letter-spacing: 0.01em;\n  }\n\n  \/* Benefit board *\/\n  .bento {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-auto-rows: minmax(150px, auto);\n    gap: 18px;\n  }\n\n  .tile {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding: 30px 28px;\n    border: 1px solid var(--rosewater);\n    border-radius: 22px;\n    background: var(--white);\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      border-color 0.25s ease;\n  }\n\n  .tile:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 18px 30px -20px rgba(44, 36, 36, 0.25);\n  }\n\n  .tile h3 {\n    margin-bottom: 1px;\n    color: var(--dark);\n    font-size: 19px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing: -0.035em;\n    word-break: keep-all;\n  }\n\n  .tile .en-title {\n    display: block;\n    margin-bottom: 11px;\n    color: #9d8d8d;\n    font-size: 10px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing: 0.05em;\n  }\n\n  .tile .ko-copy {\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.7;\n    letter-spacing: -0.02em;\n    word-break: keep-all;\n  }\n\n  .tile .en-copy {\n    margin-top: 7px;\n    color: #9e9090;\n    font-size: 10.5px;\n    font-weight: 400;\n    line-height: 1.55;\n    letter-spacing: 0.005em;\n  }\n\n  .tile .ko-copy strong {\n    color: var(--dark);\n  }\n\n  .tile .icon {\n    width: 38px;\n    height: 38px;\n    margin-bottom: 16px;\n  }\n\n  .tile .icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: var(--dark);\n    stroke-width: 1.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  \/* Main pricing benefit *\/\n  .tile--pricing {\n    grid-column: 1 \/ 3;\n    grid-row: 1 \/ 3;\n    justify-content: space-between;\n    padding: 40px 40px 36px;\n    overflow: hidden;\n    border: none;\n    background: linear-gradient(\n      135deg,\n      var(--flamingo) 0%,\n      var(--orchid) 100%\n    );\n    box-shadow: 0 18px 40px -18px rgba(245, 162, 161, 0.55);\n  }\n\n  .tile--pricing::before {\n    content: \"\";\n    position: absolute;\n    top: -100px;\n    right: -100px;\n    width: 260px;\n    height: 260px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.14);\n  }\n\n  .tile--pricing::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 14px;\n    background-image: radial-gradient(\n      circle at 12px 0,\n      var(--oyster) 7px,\n      transparent 7.5px\n    );\n    background-repeat: repeat-x;\n    background-size: 24px 14px;\n  }\n\n  .tile--pricing .badge {\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    width: fit-content;\n    margin-bottom: 18px;\n    padding: 6px 12px;\n    border-radius: 999px;\n    background: var(--dark);\n    color: var(--white);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n  }\n\n  .tile--pricing .big {\n    position: relative;\n    z-index: 1;\n    color: var(--dark);\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(90px, 15vw, 168px);\n    font-weight: 700;\n    line-height: 0.9;\n    letter-spacing: -0.02em;\n  }\n\n  .tile--pricing .big sup {\n    position: relative;\n    top: -0.5em;\n    font-size: 0.4em;\n    font-weight: 600;\n  }\n\n  .tile--pricing .big small {\n    display: block;\n    margin-top: 10px;\n    color: var(--mid);\n    font-family: \"Noto Sans KR\", sans-serif;\n    font-size: 0.18em;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n  }\n\n  .tile--pricing h2 {\n    position: relative;\n    z-index: 1;\n    margin-top: 22px;\n    color: var(--dark);\n    font-size: 23px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing: -0.04em;\n  }\n\n  .tile--pricing .en-title {\n    position: relative;\n    z-index: 1;\n    margin: 1px 0 11px;\n    color: rgba(61, 50, 50, 0.66);\n  }\n\n  .tile--pricing .ko-copy {\n    position: relative;\n    z-index: 1;\n    max-width: 42ch;\n    color: var(--mid);\n    font-size: 14.5px;\n    line-height: 1.7;\n  }\n\n  .tile--pricing .en-copy {\n    position: relative;\n    z-index: 1;\n    max-width: 54ch;\n    color: rgba(61, 50, 50, 0.65);\n    font-size: 10.5px;\n  }\n\n  .tile--pricing .ko-copy strong {\n    color: var(--dark);\n  }\n\n  \/* Wide benefit *\/\n  .tile--wide {\n    grid-column: 1 \/ 3;\n    flex-direction: row;\n    align-items: center;\n    gap: 24px;\n  }\n\n  .tile--wide .icon {\n    flex-shrink: 0;\n    margin-bottom: 0;\n  }\n\n  .tile--wide .tile-copy {\n    flex: 1;\n  }\n\n  \/* Dark benefit *\/\n  .tile--dark {\n    border-color: var(--dark);\n    background: var(--dark);\n  }\n\n  .tile--dark h3 {\n    color: var(--white);\n  }\n\n  .tile--dark .en-title {\n    color: rgba(255, 253, 251, 0.48);\n  }\n\n  .tile--dark .ko-copy {\n    color: rgba(255, 253, 251, 0.8);\n  }\n\n  .tile--dark .ko-copy strong {\n    color: var(--white);\n  }\n\n  .tile--dark .en-copy {\n    color: rgba(255, 253, 251, 0.5);\n  }\n\n  .tile--dark .icon svg {\n    stroke: var(--flamingo);\n  }\n\n  \/* Benefits not yet available *\/\n  .tile--tinted {\n    border: 1px dashed var(--warm-gray);\n    background: var(--oyster);\n    opacity: 0.88;\n  }\n\n  .tile--tinted .icon svg {\n    stroke: var(--warm-gray);\n  }\n\n  .tag {\n    display: inline-block;\n    width: fit-content;\n    margin-top: 14px;\n    padding: 3px 9px;\n    border: 1px solid var(--orchid);\n    border-radius: 999px;\n    background: var(--rosewater);\n    color: #c96f71;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n  }\n\n  @media (max-width: 900px) {\n    .bento {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .tile--pricing {\n      grid-column: 1 \/ 3;\n      grid-row: auto;\n    }\n\n    .tile--wide {\n      grid-column: 1 \/ 3;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .wrap {\n      padding: 56px 16px 72px;\n    }\n\n    .bento {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 12px;\n    }\n\n    .tile {\n      padding: 22px 18px;\n    }\n\n    .tile--pricing {\n      grid-column: 1 \/ 3;\n      grid-row: auto;\n      padding: 28px 22px 24px;\n    }\n\n    .tile--pricing .big {\n      font-size: clamp(64px, 22vw, 100px);\n    }\n\n    .tile--wide {\n      grid-column: 1 \/ 3;\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  @media (max-width: 400px) {\n    .bento {\n      gap: 10px;\n    }\n\n    .tile {\n      padding: 18px 15px;\n      border-radius: 18px;\n    }\n\n    .tile h3 {\n      font-size: 16px;\n    }\n\n    .tile .en-title {\n      font-size: 8px;\n    }\n\n    .tile .ko-copy {\n      font-size: 12.5px;\n    }\n\n    .tile .en-copy {\n      font-size: 8.5px;\n      line-height: 1.5;\n    }\n\n    .tile .icon {\n      width: 30px;\n      height: 30px;\n      margin-bottom: 12px;\n    }\n\n    .tile--pricing {\n      padding: 24px 18px 20px;\n    }\n\n    .tile--pricing .big {\n      font-size: 68px;\n    }\n\n    .tile--pricing h2 {\n      margin-top: 16px;\n      font-size: 19px;\n    }\n\n    .tile--wide .tile-copy h3 {\n      font-size: 16px;\n    }\n\n    .tile--wide .icon {\n      width: 26px;\n      height: 26px;\n    }\n  }\n\n  \/* Reveal animation *\/\n  .reveal {\n    opacity: 0;\n    transform: translateY(22px);\n    transition:\n      opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),\n      transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);\n  }\n\n  .reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .reveal {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"wrap\">\n  <div class=\"header reveal\">\n    <span class=\"eyebrow\">ONOOL PLUS<\/span>\n\n    <h1>\n      \ud68c\uc6d0\uc774 \ub418\uba74 \ubb50\uac00 \uc88b\uc744\uae4c\uc694?\n      <span class=\"en\" lang=\"en\">Why become a member?<\/span>\n    <\/h1>\n\n    <p class=\"subhead\">\n      \uc624\ub298\ub9c8\ucf13\uc744 \uc790\uc8fc \uc774\uc6a9\ud560\uc218\ub85d \ub354 \ub9ce\uc774 \uc544\ub07c\uace0, \ub354 \ud3b8\ud558\uac8c \uc1fc\ud551\ud560 \uc218 \uc788\ub3c4\ub85d\n      \uaf2d \ud544\uc694\ud55c \ud61c\ud0dd\uc744 \ub2f4\uc558\uc2b5\ub2c8\ub2e4.\n    <\/p>\n\n    <p class=\"subhead-en\" lang=\"en\">\n      The more you shop with Onool, the more you save\u2014with benefits designed\n      to make every order easier and more rewarding.\n    <\/p>\n  <\/div>\n\n  <div class=\"bento\">\n    <!-- \ud68c\uc6d0 \uc804\uc6a9 \ud560\uc778 -->\n    <div class=\"tile tile--pricing reveal\">\n      <div>\n        <span class=\"badge\">\uac00\uc7a5 \ud070 \ud61c\ud0dd \u00b7 TOP BENEFIT<\/span>\n\n        <div class=\"big\">\n          80<sup>%<\/sup>\n          <small>\ucd5c\ub300 \ud560\uc778 \u00b7 UP TO<\/small>\n        <\/div>\n      <\/div>\n\n      <div>\n        <h2>\ud68c\uc6d0 \uc804\uc6a9 \ud560\uc778\uac00<\/h2>\n        <span class=\"en-title\" lang=\"en\">Member-Exclusive Pricing<\/span>\n\n        <p class=\"ko-copy\">\n          \uc720\ub8cc \uba64\ubc84\uc2ed \ud68c\uc6d0\uc740 <strong>\ubaa8\ub4e0 \uc0c1\ud488\uc744 \ud68c\uc6d0 \ud560\uc778\uac00\ub85c<\/strong>\n          \uad6c\ub9e4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uba64\ubc84\uc2ed \uc694\uae08 \ud560\uc778\uacfc \ud68c\uc6d0\ub9cc\uc744 \uc704\ud55c \ud2b9\ubcc4 \ud589\uc0ac\ub3c4\n          \ud568\uaed8 \ub9cc\ub098\ubcf4\uc138\uc694.\n        <\/p>\n\n        <p class=\"en-copy\" lang=\"en\">\n          Paid members unlock special pricing on every item, along with\n          discounted membership rates and members-only offers.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \ud68c\uc6d0 \uc804\uc6a9 \uc0c1\ud488 -->\n    <div class=\"tile reveal\">\n      <div class=\"icon\">\n        <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <path d=\"M8 20L24 8l16 12v18a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V20z\"><\/path>\n          <path d=\"M18 38V26h12v12\"><\/path>\n          <circle cx=\"24\" cy=\"16\" r=\"2\"><\/circle>\n        <\/svg>\n      <\/div>\n\n      <h3>\ud68c\uc6d0 \uc804\uc6a9 \uc0c1\ud488<\/h3>\n      <span class=\"en-title\" lang=\"en\">Member-Only Products<\/span>\n\n      <p class=\"ko-copy\">\n        \ud504\ub9ac\ubbf8\uc5c4 \ubc00\ud0a4\ud2b8, \uc8fc\uac04 \uc2a4\uc2dc \uc138\ud2b8, \uc170\ud504 \ucd94\ucc9c \uba54\ub274 \ub4f1 \ud2b9\ubcc4\ud55c \uc0c1\ud488\uc744\n        \ud68c\uc6d0\uc5d0\uac8c\ub9cc \uc120\ubcf4\uc785\ub2c8\ub2e4.\n      <\/p>\n\n      <p class=\"en-copy\" lang=\"en\">\n        Shop premium meal kits, weekly sushi platters, chef specials, and more,\n        available exclusively to members.\n      <\/p>\n    <\/div>\n\n    <!-- \ubb34\ub8cc \ubc30\uc1a1 -->\n    <div class=\"tile reveal\">\n      <div class=\"icon\">\n        <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect x=\"6\" y=\"18\" width=\"22\" height=\"16\" rx=\"2\"><\/rect>\n          <path d=\"M28 22h8l6 6v6a2 2 0 0 1-2 2h-2\"><\/path>\n          <circle cx=\"15\" cy=\"38\" r=\"3\"><\/circle>\n          <circle cx=\"34\" cy=\"38\" r=\"3\"><\/circle>\n          <path d=\"M6 24h22\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <h3>\ubb34\ub8cc \ubc30\uc1a1<\/h3>\n      <span class=\"en-title\" lang=\"en\">Free Delivery<\/span>\n\n      <p class=\"ko-copy\">\n        \uc720\ub8cc \uba64\ubc84\uc2ed \ud68c\uc6d0\uc5d0\uac8c\ub294 \ubb34\ub8cc \ubc30\uc1a1 \ud61c\ud0dd\uc774 \uc81c\uacf5\ub429\ub2c8\ub2e4.\n        \ubb34\ub8cc \ud68c\uc6d0\uc740 \uc8fc\ubb38\ud560 \ub54c\ub9c8\ub2e4 $7.77\uc758 \ubc30\uc1a1\ube44\uac00 \ubd80\uacfc\ub429\ub2c8\ub2e4.\n      <\/p>\n\n      <p class=\"en-copy\" lang=\"en\">\n        Paid members enjoy free delivery. Free members pay a flat $7.77\n        delivery fee per order.\n      <\/p>\n    <\/div>\n\n    <!-- \uc624\ub298 \ud3ec\uc778\ud2b8 -->\n    <div class=\"tile tile--tinted reveal\">\n      <div class=\"icon\">\n        <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle cx=\"19\" cy=\"19\" r=\"10\"><\/circle>\n          <circle cx=\"29\" cy=\"29\" r=\"10\"><\/circle>\n        <\/svg>\n      <\/div>\n\n      <h3>\uc624\ub298 \ud3ec\uc778\ud2b8<\/h3>\n      <span class=\"en-title\" lang=\"en\">Onool Points<\/span>\n\n      <p class=\"ko-copy\">\n        \uacb0\uc81c \uae08\uc561 $1\ub2f9 100\ud3ec\uc778\ud2b8\uac00 \uc801\ub9bd\ub429\ub2c8\ub2e4.\n        \uc5f0\uac04 \uba64\ubc84\uc2ed \ud68c\uc6d0\uc740 \uc801\ub9bd\ud55c \ud3ec\uc778\ud2b8\ub97c \ud3ec\uc778\ud2b8\uc0f5\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n      <\/p>\n\n      <p class=\"en-copy\" lang=\"en\">\n        Earn 100 points for every $1 spent. Annual members can redeem points\n        in the Onool Points Shop.\n      <\/p>\n\n      <span class=\"tag\">Coming soon<\/span>\n    <\/div>\n\n    <!-- \uac00\uc785 \ucd95\ud558 \ud61c\ud0dd -->\n    <div class=\"tile tile--tinted reveal\">\n      <div class=\"icon\">\n        <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect x=\"6\" y=\"14\" width=\"36\" height=\"24\" rx=\"3\"><\/rect>\n          <path d=\"M6 21h36\"><\/path>\n          <circle cx=\"32\" cy=\"29\" r=\"3\"><\/circle>\n        <\/svg>\n      <\/div>\n\n      <h3>\uac00\uc785 \ucd95\ud558 \ud61c\ud0dd<\/h3>\n      <span class=\"en-title\" lang=\"en\">Signup Bonus<\/span>\n\n      <p class=\"ko-copy\">\n        \uacc4\uc815\uc744 \ub9cc\ub4e4\uba74 \uc624\ub298\ud3ec\uc778\ud2b8 100\uac1c\uac00 \ubc14\ub85c \uc9c0\uae09\ub429\ub2c8\ub2e4.\n        \ud3ec\uc778\ud2b8\ub97c \ubaa8\uc544\uc11c \ud3ec\uc778\ud2b8\uc0f5\uc5d0\uc11c \ubb3c\uac74\uc744 \uacb0\uc81c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n      <\/p>\n\n      <p class=\"en-copy\" lang=\"en\">\n        Create an account and receive 100 Onool Points instantly.\n        Points may be used to purchase items in the Point Shop.\n      <\/p>\n\n      <span class=\"tag\">Coming soon<\/span>\n    <\/div>\n\n    <!-- \uc5f0\uac04 \uba64\ubc84\uc2ed \ud560\uc778 -->\n    <div class=\"tile tile--wide tile--dark reveal\">\n      <div class=\"icon\">\n        <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect x=\"7\" y=\"10\" width=\"34\" height=\"30\" rx=\"3\"><\/rect>\n          <path d=\"M7 19h34\"><\/path>\n          <path d=\"M15 6v8M33 6v8\"><\/path>\n          <path d=\"M14 27l4 4 8-8\" stroke-width=\"1.6\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <div class=\"tile-copy\">\n        <h3>\uc5f0\uac04 \uba64\ubc84\uc2ed \ud560\uc778<\/h3>\n        <span class=\"en-title\" lang=\"en\">Annual Membership Savings<\/span>\n\n        <p class=\"ko-copy\">\n          \uc6d4 $19.99 \ub300\uc2e0 \uc5f0\uac04 \uba64\ubc84\uc2ed\uc744 $129.99\uc5d0 \uc774\uc6a9\ud558\uba74\n          \ucd1d $109.89\ub97c \uc544\ub084 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n          <strong>5\uac1c\uc6d4 \uc774\uc0c1\uc744 \ubb34\ub8cc\ub85c \uc774\uc6a9\ud558\ub294 \uc148\uc774\uc5d0\uc694.<\/strong>\n        <\/p>\n\n        <p class=\"en-copy\" lang=\"en\">\n          Choose $129.99 per year instead of $19.99 per month and save\n          $109.89\u2014more than five months free.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \ucda9\uc804 \ud61c\ud0dd -->\n    <div class=\"tile reveal\">\n      <div class=\"icon\">\n        <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <rect x=\"6\" y=\"14\" width=\"30\" height=\"22\" rx=\"4\"><\/rect>\n          <path d=\"M6 22h30\"><\/path>\n          <circle cx=\"30\" cy=\"27\" r=\"2.4\"><\/circle>\n          <path d=\"M36 20h4a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-4\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <h3>\uc624\ub298\uc9c0\uac11 \ucda9\uc804 \ud61c\ud0dd<\/h3>\n      <span class=\"en-title\" lang=\"en\">Wallet Top-Up Bonus<\/span>\n\n      <p class=\"ko-copy\">\n        $100 \ucda9\uc804 \uc2dc $105, $200 \ucda9\uc804 \uc2dc $215,\n        $500 \ucda9\uc804 \uc2dc $550\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n      <\/p>\n\n      <p class=\"en-copy\" lang=\"en\">\n        Load $100 and get $105, $200 and get $215, or $500 and get $550.\n      <\/p>\n    <\/div>\n\n    <!-- \uc0dd\uc77c \ud61c\ud0dd -->\n    <div class=\"tile tile--tinted reveal\">\n      <div class=\"icon\">\n        <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <path d=\"M24 10L14 28h20L24 10z\"><\/path>\n          <path d=\"M10 34h28l-2 6H12z\"><\/path>\n          <circle cx=\"24\" cy=\"7\" r=\"2\"><\/circle>\n        <\/svg>\n      <\/div>\n\n      <h3>\uc0dd\uc77c \ucd95\ud558 \ud3ec\uc778\ud2b8<\/h3>\n      <span class=\"en-title\" lang=\"en\">Birthday Reward<\/span>\n\n      <p class=\"ko-copy\">\n        \uc0dd\uc77c\uc744 \ub9de\uc740 \ud68c\uc6d0\uc5d0\uac8c \uc624\ub298 \ud3ec\uc778\ud2b8 1,000\uc810\uc744 \uc120\ubb3c\ub85c \ub4dc\ub9bd\ub2c8\ub2e4.\n      <\/p>\n\n      <p class=\"en-copy\" lang=\"en\">\n        Annual members receive 1,000 Onool Points as a birthday gift.\n      <\/p>\n\n      <span class=\"tag\">Coming soon<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    var items = document.querySelectorAll(\".reveal\");\n\n    if (!(\"IntersectionObserver\" in window)) {\n      items.forEach(function (element) {\n        element.classList.add(\"is-visible\");\n      });\n      return;\n    }\n\n    var observer = new IntersectionObserver(\n      function (entries) {\n        entries\n          .filter(function (entry) {\n            return entry.isIntersecting;\n          })\n          .forEach(function (entry, index) {\n            entry.target.style.transitionDelay = index * 0.06 + \"s\";\n            entry.target.classList.add(\"is-visible\");\n            observer.unobserve(entry.target);\n          });\n      },\n      {\n        threshold: 0.05,\n        rootMargin: \"0px 0px -5% 0px\"\n      }\n    );\n\n    items.forEach(function (element) {\n      observer.observe(element);\n    });\n  })();\n<\/script>\n\n\n\n<div class=\"wp-block-wd-menu-anchor wd-menu-anchor wd-d1058192\" data-id=\"why-become-a-member\" data-offset=\"150\"><div id=\"why-become-a-member\"><\/div><\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-wd-section wd-3fdb8688\">\n<div class=\"wp-block-wd-menu-anchor wd-menu-anchor wd-67887be9\" data-id=\"sign-up-membership\" data-offset=\"150\"><div id=\"sign-up-membership\"><\/div><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;600&#038;display=swap\"\n    rel=\"stylesheet\"\n  >\n\n  <style>\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    html {\n      overflow-x: hidden;\n    }\n\n    body {\n      padding: 60px 20px 50px;\n      overflow-x: hidden;\n      background-color: #eddbdf;\n      color: #3d3232;\n      font-family: \"Lato\", sans-serif;\n    }\n\n    .pricing-wrapper {\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n\n    .pricing-header {\n      margin-bottom: 48px;\n      text-align: center;\n    }\n\n    .pricing-header h2 {\n      margin-bottom: 4px;\n      color: #2c2424;\n      font-family: \"Times New Roman\", Times, serif;\n      font-size: 2.4rem;\n      font-weight: 700;\n      letter-spacing: -0.5px;\n    }\n\n    .pricing-header .header-en {\n      margin-bottom: 12px;\n      color: #8f7772;\n      font-size: 1rem;\n    }\n\n    .pricing-header p {\n      max-width: 520px;\n      margin: 0 auto;\n      color: #7a6e6e;\n      font-size: 1rem;\n      line-height: 1.6;\n    }\n\n    .pricing-header .p-en {\n      display: block;\n      margin-top: 4px;\n      color: #a08f8f;\n      font-size: 0.85rem;\n    }\n\n    .pricing-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      align-items: start;\n      gap: 20px;\n      margin-bottom: 60px;\n    }\n\n    .pricing-card {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: 32px 28px;\n      border: 1px solid #eddbdf;\n      border-radius: 16px;\n      background: #efeae5;\n      transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n    }\n\n    .pricing-card:hover {\n      z-index: 1;\n      transform: translateY(-6px);\n      box-shadow: 0 20px 48px rgba(44, 36, 36, 0.15);\n    }\n\n    .pricing-card.featured {\n      padding-top: 48px;\n      border: 2px solid #f5a2a1;\n    }\n\n    .badge {\n      position: absolute;\n      top: -14px;\n      left: 50%;\n      padding: 6px 18px;\n      border-radius: 20px;\n      background: #f5a2a1;\n      color: #ffffff;\n      font-size: 0.7rem;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      white-space: nowrap;\n      transform: translateX(-50%);\n    }\n\n    .plan-label {\n      margin-bottom: 2px;\n      color: #5c4f4f;\n      font-size: 0.9rem;\n      font-weight: 600;\n      letter-spacing: 0.03em;\n    }\n\n    .plan-label-en {\n      margin-bottom: 6px;\n      color: #a08f8f;\n      font-size: 0.72rem;\n      font-weight: 400;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n\n    .plan-tagline {\n      margin-bottom: 2px;\n      color: #5c4f4f;\n      font-size: 0.9rem;\n    }\n\n    .plan-tagline-en {\n      margin-bottom: 20px;\n      color: #a08f8f;\n      font-size: 0.78rem;\n    }\n\n    .price {\n      display: flex;\n      align-items: flex-end;\n      gap: 2px;\n      margin-bottom: 4px;\n    }\n\n    .price .amount {\n      color: #2c2424;\n      font-family: \"Times New Roman\", Times, serif;\n      font-size: 3.2rem;\n      font-weight: 800;\n      line-height: 1;\n    }\n\n    .price .period {\n      margin-bottom: 6px;\n      color: #7a6e6e;\n      font-size: 1rem;\n    }\n\n    .price-note {\n      margin-bottom: 2px;\n      color: #7a6e6e;\n      font-size: 0.85rem;\n    }\n\n    .price-note-en {\n      margin-bottom: 28px;\n      color: #a08f8f;\n      font-size: 0.78rem;\n    }\n\n    .btn {\n      display: block;\n      width: 100%;\n      padding: 12px;\n      border: none;\n      border-radius: 10px;\n      font-size: 0.95rem;\n      font-weight: 600;\n      line-height: 1.35;\n      text-align: center;\n      text-decoration: none;\n      cursor: pointer;\n      transition: opacity 0.2s;\n    }\n\n    .btn:hover {\n      opacity: 0.88;\n    }\n\n    .btn .btn-en {\n      display: block;\n      font-size: 0.7rem;\n      font-weight: 400;\n      letter-spacing: 0.02em;\n      opacity: 0.78;\n    }\n\n    .btn-outline {\n      background: #2c2424;\n      color: #efeae5;\n    }\n\n    .btn-flamingo {\n      background: #f5a2a1;\n      color: #ffffff;\n    }\n\n    .btn-outline-dark {\n      border: 2px solid #2c2424;\n      background: transparent;\n      color: #2c2424;\n    }\n\n    @media (max-width: 768px) {\n      .pricing-grid {\n        grid-template-columns: 1fr;\n        max-width: 420px;\n        margin: 0 auto;\n      }\n\n      .pricing-header h2 {\n        font-size: 1.8rem;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n  <div class=\"pricing-wrapper\" id=\"onool-membership\">\n    <div class=\"pricing-header\">\n      <h2>\uac04\ud3b8\ud55c \uba64\ubc84\uc2ed, \ud655\uc2e4\ud55c \ud61c\ud0dd.<\/h2>\n\n      <div class=\"header-en\" lang=\"en\">\n        Simple membership. Real value.\n      <\/div>\n\n      <p>\n        \ubb34\ub8cc\ub85c \uc5b8\uc81c\ub4e0 \uc774\uc6a9\ud558\uac70\ub098, \uba64\ubc84\uc2ed\uc5d0 \uac00\uc785\ud574 \ud2b9\ubcc4\ud55c \ud61c\ud0dd\uc744 \ub204\ub9ac\uc138\uc694.\n        \uc5b8\uc81c\ub4e0 \ud574\uc9c0 \uac00\ub2a5\ud569\ub2c8\ub2e4.\n\n        <span class=\"p-en\" lang=\"en\">\n          Shop anytime for free, or join the club for exclusive access.\n          Cancel anytime.\n        <\/span>\n      <\/p>\n    <\/div>\n\n    <div class=\"pricing-grid\">\n      <!-- Onool Free -->\n      <div class=\"pricing-card\">\n        <div class=\"plan-label\">\ubb34\ub8cc\ud68c\uc6d0<\/div>\n        <div class=\"plan-label-en\" lang=\"en\">ONOOL FREE<\/div>\n\n        <div class=\"plan-tagline\">\uc8fc\ubb38 \uc2dc\uc791\ud558\uae30<\/div>\n        <div class=\"plan-tagline-en\" lang=\"en\">Start ordering<\/div>\n\n        <div class=\"price\">\n          <span class=\"amount\">$0<\/span>\n        <\/div>\n\n        <div class=\"price-note\">\uacc4\uc815 \uac00\uc785 \ud544\uc694<\/div>\n        <div class=\"price-note-en\" lang=\"en\">Account required<\/div>\n\n        <a\n          href=\"https:\/\/onoolmarket.com\/ma\/membership-checkout\/?level=1\"\n          class=\"btn btn-outline\"\n        >\n          \uc1fc\ud551 \uc2dc\uc791\ud558\uae30\n          <span class=\"btn-en\" lang=\"en\">Start Shopping<\/span>\n        <\/a>\n      <\/div>\n\n      <!-- Onool Plus Annual -->\n      <div class=\"pricing-card featured\">\n        <div class=\"badge\">Best Value<\/div>\n\n        <div class=\"plan-label\">\uc624\ub298 \ud50c\ub7ec\uc2a4 \uc5f0\uac04<\/div>\n        <div class=\"plan-label-en\" lang=\"en\">ONOOL PLUS ANNUAL<\/div>\n\n        <div class=\"plan-tagline\">\uc5f0\uac04 \ud50c\ub79c\uc73c\ub85c \ub354 \uc800\ub834\ud558\uac8c<\/div>\n        <div class=\"plan-tagline-en\" lang=\"en\">\n          Save with an annual plan\n        <\/div>\n\n        <div class=\"price\">\n          <span class=\"amount\">$129.99<\/span>\n          <span class=\"period\">\/year<\/span>\n        <\/div>\n\n        <div class=\"price-note\">\uc6d4 $10.83 \uc218\uc900<\/div>\n        <div class=\"price-note-en\" lang=\"en\">\n          That&#8217;s $10.83\/month\n        <\/div>\n\n        <a\n          href=\"https:\/\/onoolmarket.com\/ma\/membership-checkout\/?level=3\"\n          class=\"btn btn-flamingo\"\n        >\n          \uc9c0\uae08 \uac00\uc785\ud558\uae30\n          <span class=\"btn-en\" lang=\"en\">Join Now<\/span>\n        <\/a>\n      <\/div>\n\n      <!-- Onool Plus Monthly -->\n      <div class=\"pricing-card\">\n        <div class=\"plan-label\">\uc624\ub298 \ud50c\ub7ec\uc2a4 \uc6d4\uac04<\/div>\n        <div class=\"plan-label-en\" lang=\"en\">ONOOL PLUS MONTHLY<\/div>\n\n        <div class=\"plan-tagline\">\uc57d\uc815 \uc5c6\uc774 \uc790\uc720\ub86d\uac8c<\/div>\n        <div class=\"plan-tagline-en\" lang=\"en\">\n          Flexibility, no commitment\n        <\/div>\n\n        <div class=\"price\">\n          <span class=\"amount\">$19.99<\/span>\n          <span class=\"period\">\/month<\/span>\n        <\/div>\n\n        <div class=\"price-note\">\ubd80\ub2f4 \uc5c6\uc774 \uc774\uc6a9<\/div>\n        <div class=\"price-note-en\" lang=\"en\">\n          No strings attached\n        <\/div>\n\n        <a\n          href=\"https:\/\/onoolmarket.com\/ma\/membership-checkout\/?level=2\"\n          class=\"btn btn-outline-dark\"\n        >\n          \uc6d4\uac04\uc73c\ub85c \uac00\uc785\ud558\uae30\n          <span class=\"btn-en\" lang=\"en\">Join Monthly<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-46599","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/pages\/46599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/comments?post=46599"}],"version-history":[{"count":1,"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/pages\/46599\/revisions"}],"predecessor-version":[{"id":46601,"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/pages\/46599\/revisions\/46601"}],"wp:attachment":[{"href":"https:\/\/onoolmarket.com\/ma\/wp-json\/wp\/v2\/media?parent=46599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}