{"id":515,"date":"2026-05-07T09:21:20","date_gmt":"2026-05-07T13:21:20","guid":{"rendered":"https:\/\/soonsukkwon.mycafe24.com\/?page_id=515"},"modified":"2026-05-07T09:21:21","modified_gmt":"2026-05-07T13:21:21","slug":"515-2","status":"publish","type":"page","link":"http:\/\/soonsukkwon.mycafe24.com\/?page_id=515","title":{"rendered":""},"content":{"rendered":"\n<!-- HTBCS Support Ticket v6 \u2014 Flash theme override -->\n<style>\n\/* \u2500\u2500 Hard reset for Flash theme interference \u2500\u2500 *\/\n#stf-wrap, #stf-wrap *,\n#stf-wrap *::before, #stf-wrap *::after {\n  box-sizing: border-box !important;\n  -webkit-tap-highlight-color: transparent !important;\n}\n#stf-wrap {\n  all: initial;\n  display: block !important;\n  max-width: 520px !important;\n  margin: 0 auto !important;\n  padding: 0 0 40px !important;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;\n  font-size: 15px !important;\n  color: #1a1a1a !important;\n  line-height: 1.5 !important;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#stf-wrap .stf-header {\n  display: block !important;\n  background: #1a1a2e !important;\n  color: #fff !important;\n  padding: 26px 20px 22px !important;\n  text-align: center !important;\n  border-radius: 16px 16px 0 0 !important;\n  margin: 0 !important;\n}\n#stf-wrap .stf-header h2 {\n  all: unset !important;\n  display: block !important;\n  font-size: 22px !important;\n  font-weight: 700 !important;\n  color: #fff !important;\n  margin: 0 0 8px !important;\n  line-height: 1.3 !important;\n}\n#stf-wrap .stf-header p {\n  all: unset !important;\n  display: block !important;\n  font-size: 13px !important;\n  color: rgba(255,255,255,0.7) !important;\n  margin: 0 !important;\n  line-height: 1.7 !important;\n}\n\n\/* \u2500\u2500 Cards \u2500\u2500 *\/\n#stf-wrap .stf-card {\n  display: block !important;\n  background: #ffffff !important;\n  border: 1px solid #e2e2e2 !important;\n  border-top: none !important;\n  padding: 22px 18px !important;\n  margin: 0 !important;\n}\n#stf-wrap .stf-card:last-of-type {\n  border-radius: 0 0 16px 16px !important;\n  margin-bottom: 16px !important;\n}\n\n\/* \u2500\u2500 Section labels \u2500\u2500 *\/\n#stf-wrap .stf-slabel {\n  all: unset !important;\n  display: block !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  letter-spacing: 1px !important;\n  text-transform: uppercase !important;\n  color: #b0b0b0 !important;\n  margin: 0 0 16px !important;\n  padding: 0 !important;\n  line-height: 1.6 !important;\n}\n\n\/* \u2500\u2500 Field wrapper \u2500\u2500 *\/\n#stf-wrap .stf-field {\n  display: block !important;\n  margin: 0 0 16px !important;\n  padding: 0 !important;\n}\n#stf-wrap .stf-field:last-child { margin-bottom: 0 !important; }\n\n\/* \u2500\u2500 Labels \u2500\u2500 *\/\n#stf-wrap .stf-field label,\n#stf-wrap label.stf-label {\n  all: unset !important;\n  display: block !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  color: #444 !important;\n  margin: 0 0 6px !important;\n  padding: 0 !important;\n  line-height: 1.6 !important;\n  cursor: default !important;\n}\n#stf-wrap .stf-field label small,\n#stf-wrap label.stf-label small {\n  display: block !important;\n  font-size: 11px !important;\n  font-weight: 400 !important;\n  color: #999 !important;\n  margin-top: 1px !important;\n}\n\n\/* \u2500\u2500 Inputs, select, textarea \u2500\u2500 *\/\n#stf-wrap input[type=\"text\"],\n#stf-wrap input[type=\"tel\"],\n#stf-wrap select,\n#stf-wrap textarea {\n  all: unset !important;\n  display: block !important;\n  width: 100% !important;\n  padding: 13px 15px !important;\n  border: 1.5px solid #d8d8d8 !important;\n  border-radius: 10px !important;\n  font-size: 16px !important;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;\n  color: #1a1a1a !important;\n  background: #f9f9f9 !important;\n  margin: 0 !important;\n  line-height: 1.5 !important;\n  transition: border-color 0.2s !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  box-shadow: none !important;\n  outline: none !important;\n}\n#stf-wrap input[type=\"text\"]:focus,\n#stf-wrap input[type=\"tel\"]:focus,\n#stf-wrap select:focus,\n#stf-wrap textarea:focus {\n  border-color: #4f46e5 !important;\n  background: #fff !important;\n}\n#stf-wrap textarea {\n  min-height: 100px !important;\n  resize: vertical !important;\n}\n\n\/* \u2500\u2500 2-col row \u2500\u2500 *\/\n#stf-wrap .stf-row {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 12px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n@media (max-width: 400px) {\n  #stf-wrap .stf-row { grid-template-columns: 1fr !important; }\n}\n\n\/* \u2500\u2500 Select arrow \u2500\u2500 *\/\n#stf-wrap .stf-sel-wrap { display: block !important; position: relative !important; }\n#stf-wrap .stf-sel-wrap::after {\n  content: '\u25be' !important;\n  position: absolute !important;\n  right: 13px !important; top: 50% !important;\n  transform: translateY(-50%) !important;\n  color: #888 !important;\n  font-size: 14px !important;\n  pointer-events: none !important;\n}\n\n\/* \u2500\u2500 Category radio cards \u2500\u2500 *\/\n#stf-wrap .stf-cat-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 10px !important;\n  margin: 0 !important; padding: 0 !important;\n}\n#stf-wrap .stf-cat-grid input[type=\"radio\"] {\n  display: none !important;\n  position: absolute !important;\n  opacity: 0 !important;\n}\n#stf-wrap .stf-cat-grid label {\n  all: unset !important;\n  display: block !important;\n  padding: 14px 10px !important;\n  border: 2px solid #e0e0e0 !important;\n  border-radius: 12px !important;\n  background: #f9f9f9 !important;\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  color: #444 !important;\n  text-align: center !important;\n  cursor: pointer !important;\n  line-height: 1.5 !important;\n  transition: all 0.15s !important;\n  -webkit-user-select: none !important;\n  user-select: none !important;\n}\n#stf-wrap .stf-cat-grid label:hover {\n  border-color: #a5b4fc !important;\n  background: #f5f3ff !important;\n}\n#stf-wrap .stf-cat-grid label small {\n  display: block !important;\n  font-size: 11px !important;\n  font-weight: 400 !important;\n  color: #999 !important;\n  margin-top: 3px !important;\n}\n#stf-wrap .stf-cat-grid input[type=\"radio\"]:checked + label {\n  border-color: #4f46e5 !important;\n  background: #eef2ff !important;\n  color: #4f46e5 !important;\n}\n#stf-wrap .stf-cat-icon {\n  display: block !important;\n  font-size: 26px !important;\n  margin-bottom: 5px !important;\n  line-height: 1 !important;\n}\n#stf-wrap .stf-cat-full { grid-column: 1 \/ -1 !important; }\n\n\/* \u2500\u2500 Upload area \u2500\u2500 *\/\n#stf-wrap label.stf-upload {\n  all: unset !important;\n  display: block !important;\n  border: 2px dashed #ccc !important;\n  border-radius: 12px !important;\n  padding: 28px 16px !important;\n  text-align: center !important;\n  cursor: pointer !important;\n  background: #f9f9f9 !important;\n  transition: border-color 0.2s !important;\n}\n#stf-wrap label.stf-upload:hover { border-color: #4f46e5 !important; }\n#stf-wrap .stf-upload-icon {\n  display: block !important;\n  font-size: 34px !important;\n  margin-bottom: 10px !important;\n  line-height: 1 !important;\n}\n#stf-wrap .stf-upload-text {\n  display: block !important;\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  color: #555 !important;\n  margin-bottom: 3px !important;\n}\n#stf-wrap .stf-upload-sub {\n  display: block !important;\n  font-size: 12px !important;\n  color: #aaa !important;\n}\n#stf-wrap input[type=\"file\"] {\n  display: none !important;\n}\n\n\/* \u2500\u2500 Note \u2500\u2500 *\/\n#stf-wrap .stf-note {\n  all: unset !important;\n  display: block !important;\n  font-size: 12px !important;\n  color: #bbb !important;\n  text-align: center !important;\n  margin: 0 0 14px !important;\n  line-height: 1.8 !important;\n}\n\n\/* \u2500\u2500 Submit button \u2500\u2500 *\/\n#stf-wrap button[type=\"submit\"] {\n  all: unset !important;\n  display: block !important;\n  width: 100% !important;\n  padding: 18px !important;\n  background: #4f46e5 !important;\n  color: #fff !important;\n  border: none !important;\n  border-radius: 12px !important;\n  font-size: 18px !important;\n  font-weight: 700 !important;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;\n  text-align: center !important;\n  cursor: pointer !important;\n  line-height: 1.4 !important;\n  transition: background 0.15s !important;\n  box-sizing: border-box !important;\n}\n#stf-wrap button[type=\"submit\"]:hover { background: #4338ca !important; }\n#stf-wrap button[type=\"submit\"]:active { background: #3730a3 !important; }\n\n@media (max-width: 480px) {\n  #stf-wrap .stf-header { border-radius: 0 !important; }\n  #stf-wrap .stf-card:last-of-type { border-radius: 0 0 12px 12px !important; }\n}\n<\/style>\n\n<div id=\"stf-wrap\">\n\n  <!-- Header -->\n  <div class=\"stf-header\">\n    <h2>\ud83d\udee0 Support Ticket<\/h2>\n    <p>Tell us your issue and we&#8217;ll get back to you quickly.<br>\ubb38\uc81c\ub97c \uc54c\ub824\uc8fc\uc2dc\uba74 \ube60\ub974\uac8c \ub3c4\uc6c0\ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n  <\/div>\n\n  <form action=\"https:\/\/formspree.io\/f\/mykoprwe\" method=\"POST\">\n\n    <!-- Store Info -->\n    <div class=\"stf-card\">\n      <span class=\"stf-slabel\">Store Information \/ \uac00\uac8c \uc815\ubcf4<\/span>\n\n      <div class=\"stf-field\">\n        <label>Store Name \/ \uac00\uac8c \uc774\ub984 *<small>Your business name<\/small><\/label>\n        <input type=\"text\" name=\"Store Name\" placeholder=\"e.g. Happy Mart\" required>\n      <\/div>\n\n      <div class=\"stf-field\">\n        <label>Street Address \/ \ub3c4\ub85c \uc8fc\uc18c *<\/label>\n        <input type=\"text\" name=\"Street Address\" placeholder=\"e.g. 123 Main St\" required>\n      <\/div>\n\n      <div class=\"stf-row\">\n        <div class=\"stf-field\">\n          <label>City \/ \ub3c4\uc2dc *<\/label>\n          <input type=\"text\" name=\"City\" placeholder=\"Los Angeles\" required>\n        <\/div>\n        <div class=\"stf-field\">\n          <label>State \/ \uc8fc *<\/label>\n          <div class=\"stf-sel-wrap\">\n            <select name=\"State\" required>\n              <option value=\"\">\u2014 Select \u2014<\/option>\n              <option>AL<\/option><option>AK<\/option><option>AZ<\/option><option>AR<\/option>\n              <option>CA<\/option><option>CO<\/option><option>CT<\/option><option>DE<\/option>\n              <option>FL<\/option><option>GA<\/option><option>HI<\/option><option>ID<\/option>\n              <option>IL<\/option><option>IN<\/option><option>IA<\/option><option>KS<\/option>\n              <option>KY<\/option><option>LA<\/option><option>ME<\/option><option>MD<\/option>\n              <option>MA<\/option><option>MI<\/option><option>MN<\/option><option>MS<\/option>\n              <option>MO<\/option><option>MT<\/option><option>NE<\/option><option>NV<\/option>\n              <option>NH<\/option><option>NJ<\/option><option>NM<\/option><option>NY<\/option>\n              <option>NC<\/option><option>ND<\/option><option>OH<\/option><option>OK<\/option>\n              <option>OR<\/option><option>PA<\/option><option>RI<\/option><option>SC<\/option>\n              <option>SD<\/option><option>TN<\/option><option>TX<\/option><option>UT<\/option>\n              <option>VT<\/option><option>VA<\/option><option>WA<\/option><option>WV<\/option>\n              <option>WI<\/option><option>WY<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"stf-field\">\n        <label>ZIP Code \/ \uc6b0\ud3b8\ubc88\ud638 *<\/label>\n        <input type=\"text\" name=\"ZIP Code\" placeholder=\"e.g. 90001\" inputmode=\"numeric\" maxlength=\"10\" required>\n      <\/div>\n\n      <div class=\"stf-field\">\n        <label>Phone Number \/ \uc804\ud654\ubc88\ud638 *<\/label>\n        <input type=\"tel\" name=\"Phone\" placeholder=\"e.g. (213) 555-1234\" required>\n      <\/div>\n    <\/div>\n\n    <!-- Category -->\n    <div class=\"stf-card\">\n      <span class=\"stf-slabel\">Issue Category \/ \ubb38\uc81c \uce74\ud14c\uace0\ub9ac *<\/span>\n      <div class=\"stf-cat-grid\">\n\n        <div>\n          <input type=\"radio\" name=\"Category\" id=\"stf-cc\" value=\"Credit Card\" required>\n          <label for=\"stf-cc\">\n            <span class=\"stf-cat-icon\">\ud83d\udcb3<\/span>Credit Card<small>\uc2e0\uc6a9\uce74\ub4dc<\/small>\n          <\/label>\n        <\/div>\n\n        <div>\n          <input type=\"radio\" name=\"Category\" id=\"stf-atm\" value=\"ATM\">\n          <label for=\"stf-atm\">\n            <span class=\"stf-cat-icon\">\ud83c\udfe7<\/span>ATM<small>ATM<\/small>\n          <\/label>\n        <\/div>\n\n        <div>\n          <input type=\"radio\" name=\"Category\" id=\"stf-pos\" value=\"POS Computer\">\n          <label for=\"stf-pos\">\n            <span class=\"stf-cat-icon\">\ud83d\udda5\ufe0f<\/span>POS Computer<small>POS \ucef4\ud4e8\ud130<\/small>\n          <\/label>\n        <\/div>\n\n        <div>\n          <input type=\"radio\" name=\"Category\" id=\"stf-acc\" value=\"Account\">\n          <label for=\"stf-acc\">\n            <span class=\"stf-cat-icon\">\ud83d\udc64<\/span>Account<small>\uacc4\uc815<\/small>\n          <\/label>\n        <\/div>\n\n        <div class=\"stf-cat-full\">\n          <input type=\"radio\" name=\"Category\" id=\"stf-rate\" value=\"Rate\">\n          <label for=\"stf-rate\">\n            <span class=\"stf-cat-icon\">\ud83d\udcca<\/span>Rate<small>\uc694\uae08<\/small>\n          <\/label>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- Description -->\n    <div class=\"stf-card\">\n      <span class=\"stf-slabel\">Describe Your Issue \/ \ubb38\uc81c \uc124\uba85<\/span>\n      <div class=\"stf-field\">\n        <label>What is the problem? \/ \uc5b4\ub5a4 \ubb38\uc81c\uac00 \uc788\uc73c\uc2e0\uac00\uc694?<\/label>\n        <textarea name=\"Description\" placeholder=\"Please describe in detail... \/ \uc790\uc138\ud788 \uc124\uba85\ud574 \uc8fc\uc138\uc694...\"><\/textarea>\n      <\/div>\n    <\/div>\n\n    <!-- Attachments -->\n    <div class=\"stf-card\">\n      <span class=\"stf-slabel\">Photos \/ Videos &nbsp;\u00b7&nbsp; \uc0ac\uc9c4 \/ \ub3d9\uc601\uc0c1<\/span>\n      <label class=\"stf-upload\" for=\"stf-file\">\n        <span class=\"stf-upload-icon\">\ud83d\udcce<\/span>\n        <span class=\"stf-upload-text\">Tap to attach \/ \ud0ed\ud558\uc5ec \ucca8\ubd80<\/span>\n        <span class=\"stf-upload-sub\">Up to 5 files &nbsp;\u00b7&nbsp; \ucd5c\ub300 5\uac1c<\/span>\n      <\/label>\n      <input type=\"file\" id=\"stf-file\" name=\"Attachment\" accept=\"image\/*,video\/*\" multiple>\n    <\/div>\n\n    <input type=\"hidden\" name=\"_subject\" value=\"[Support Ticket] New Request\">\n\n    <p class=\"stf-note\">\n      * Required \/ \ud544\uc218 \ud56d\ubaa9<br>\n      Large files \u2192 Sun@htbcs.net\n    <\/p>\n\n    <button type=\"submit\">Submit Ticket &nbsp;\/&nbsp; \ud2f0\ucf13 \uc81c\ucd9c\ud558\uae30<\/button>\n\n  <\/form>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udee0 Support Ticket Tell us your issue and we&#8217;ll get back to you quickly.\ubb38\uc81c\ub97c \uc54c\ub824\uc8fc\uc2dc\uba74 \ube60\ub974\uac8c \ub3c4\uc6c0\ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4. Store Information \/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-515","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/soonsukkwon.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/soonsukkwon.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/soonsukkwon.mycafe24.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/soonsukkwon.mycafe24.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/soonsukkwon.mycafe24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=515"}],"version-history":[{"count":1,"href":"http:\/\/soonsukkwon.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/515\/revisions"}],"predecessor-version":[{"id":517,"href":"http:\/\/soonsukkwon.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/515\/revisions\/517"}],"wp:attachment":[{"href":"http:\/\/soonsukkwon.mycafe24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}