{"id":20,"date":"2024-06-26T15:47:41","date_gmt":"2024-06-26T06:47:41","guid":{"rendered":"https:\/\/osco.or.kr\/eng\/?page_id=20"},"modified":"2024-12-04T16:39:50","modified_gmt":"2024-12-04T07:39:50","slug":"test","status":"publish","type":"page","link":"https:\/\/osco.or.kr\/eng\/test\/","title":{"rendered":"test"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1456px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_2 1_2 fusion-flex-column fusion-animated\" style=\"--awb-bg-image:url(&#039;https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/26154709\/rx-1024x307.png&#039;);--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;--awb-animation-color:var(--awb-color5);\" data-animationType=\"revealInRight\" data-animationDuration=\"0.9\" data-animationOffset=\"top-into-view\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column fusion-column-has-bg-image\" data-bg-url=\"https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/26154709\/rx-1024x307.png\"><div class=\"fusion-separator fusion-no-small-visibility fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div><div class=\"fusion-text fusion-text-1\" style=\"--awb-font-size:40px;--awb-text-color:var(--awb-color1);--awb-text-font-family:&quot;Pretendard Variable&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p><strong>A new world<br \/>\nwith infinite freedom of mobility<\/strong><\/p>\n<\/div><div class=\"fusion-separator fusion-no-small-visibility fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-image-element \" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none fusion-animated\" data-animationType=\"revealInLeft\" data-animationDuration=\"0.3\" data-animationOffset=\"top-into-view\"><img decoding=\"async\" width=\"1024\" height=\"307\" title=\"rx\" src=\"https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/26154709\/rx-1024x307.png\" alt class=\"img-responsive wp-image-21\" srcset=\"https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/26154709\/rx-200x60.png 200w, https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/26154709\/rx-400x120.png 400w, https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/26154709\/rx-600x180.png 600w, https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/26154709\/rx-800x240.png 800w, https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/26154709\/rx-1200x360.png 1200w, https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/26154709\/rx.png 2000w\" sizes=\"(max-width: 640px) 100vw, 800px\" \/><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1456px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-form fusion-form-builder fusion-form-form-wrapper fusion-form-6713\" style=\"--awb-tooltip-text-color:#ffffff;--awb-tooltip-background-color:#333333;\" data-form-id=\"6713\" data-config=\"{&quot;form_id&quot;:&quot;6713&quot;,&quot;form_post_id&quot;:&quot;6713&quot;,&quot;post_id&quot;:20,&quot;form_type&quot;:&quot;ajax&quot;,&quot;confirmation_type&quot;:&quot;message&quot;,&quot;redirect_url&quot;:&quot;&quot;,&quot;field_labels&quot;:{&quot;hall&quot;:&quot;1. \\uc804\\uc2dc\\uc7a5 \\uc120\\ud0dd(\\ubcf5\\uc218\\uc120\\ud0dd\\uac00\\ub2a5)&quot;,&quot;fee&quot;:&quot;\\uc784\\ub300\\ub8cc(VAT\\ubcc4\\ub3c4)&quot;,&quot;start_date&quot;:&quot;\\uc2dc\\uc791\\uc77c&quot;,&quot;end_date&quot;:&quot;\\uc885\\ub8cc\\uc77c&quot;},&quot;field_logics&quot;:{&quot;hall&quot;:&quot;&quot;,&quot;fee&quot;:&quot;&quot;,&quot;start_date&quot;:&quot;&quot;,&quot;end_date&quot;:&quot;&quot;},&quot;field_types&quot;:{&quot;hall&quot;:&quot;checkbox&quot;,&quot;fee&quot;:&quot;text&quot;,&quot;start_date&quot;:&quot;date&quot;,&quot;end_date&quot;:&quot;date&quot;},&quot;nonce_method&quot;:&quot;ajax&quot;}\"><form action=\"https:\/\/osco.or.kr\/eng\/test\/\" method=\"post\" class=\"fusion-form fusion-form-6713\"><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-form-field fusion-form-checkbox-field fusion-form-label-above\" style=\"\" data-form-id=\"6713\"><div class=\"fusion-form-label-wrapper\"><span class=\"label\">1. \uc804\uc2dc\uc7a5 \uc120\ud0dd(\ubcf5\uc218\uc120\ud0dd\uac00\ub2a5) <abbr class=\"fusion-form-element-required\" title=\"required\">*<\/abbr><\/span><\/div><fieldset><div class=\"fusion-form-checkbox\"><input data-empty-notice=\"\ud640\uc744 \uc120\ud0dd\ud574\uc8fc\uc138\uc694.\" tabindex=\"\" id=\"checkbox-hall-1-0\" type=\"checkbox\" value=\"3340\" name=\"hall[]\" class=\"fusion-form-input\" required=\"true\" aria-required=\"true\" data-holds-private-data=\"false\"\/><label for=\"checkbox-hall-1-0\">Hall 1<\/label><\/div><div class=\"fusion-form-checkbox\"><input data-empty-notice=\"\ud640\uc744 \uc120\ud0dd\ud574\uc8fc\uc138\uc694.\" tabindex=\"\" id=\"checkbox-hall-1-1\" type=\"checkbox\" value=\"3340\" name=\"hall[]\" class=\"fusion-form-input\" required=\"true\" aria-required=\"true\" data-holds-private-data=\"false\"\/><label for=\"checkbox-hall-1-1\">Hall 2<\/label><\/div><div class=\"fusion-form-checkbox\"><input data-empty-notice=\"\ud640\uc744 \uc120\ud0dd\ud574\uc8fc\uc138\uc694.\" tabindex=\"\" id=\"checkbox-hall-1-2\" type=\"checkbox\" value=\"3340\" name=\"hall[]\" class=\"fusion-form-input\" required=\"true\" aria-required=\"true\" data-holds-private-data=\"false\"\/><label for=\"checkbox-hall-1-2\">Hall 3<\/label><\/div><\/fieldset><\/div><div class=\"fusion-form-field fusion-form-text-field fusion-form-label-above\" style=\"\" data-form-id=\"6713\"><div class=\"fusion-form-label-wrapper\"><label for=\"fee\">\uc784\ub300\ub8cc(VAT\ubcc4\ub3c4)<\/label><\/div><input type=\"text\" autocomplete=\"off\" name=\"fee\" id=\"fee\" value=\"\"  class=\"fusion-form-input\" data-holds-private-data=\"false\" minlength=\"0\"\/><\/div><div class=\"fusion-form-field fusion-form-date-field fusion-form-label-above\" style=\"\" data-form-id=\"6713\"><label for=\"start_date\">\uc2dc\uc791\uc77c<\/label><input autocomplete=\"off\" type=\"date\" min=\"2024-12-02\"  data-first-day=\"1\"  data-format=\"\" tabindex=\"\" id=\"start_date\" name=\"start_date\" data-type=\"custom\" value=\"\" data-holds-private-data=\"false\" class=\"fusion-form-input\"autocomplete=\"no\"\/><\/div><div class=\"fusion-form-field fusion-form-date-field fusion-form-label-above\" style=\"\" data-form-id=\"6713\"><label for=\"end_date\">\uc885\ub8cc\uc77c <abbr class=\"fusion-form-element-required\" title=\"required\">*<\/abbr><\/label><input autocomplete=\"off\" type=\"date\" data-empty-notice=\"\uc885\ub8cc\uc77c\uc744 \uc120\ud0dd\ud574\uc8fc\uc138\uc694.\"  data-first-day=\"1\"  data-format=\"\" tabindex=\"\" id=\"end_date\" name=\"end_date\" data-type=\"native\" value=\"\" data-holds-private-data=\"false\" class=\"fusion-form-input\" required=\"true\" aria-required=\"true\"\/><\/div><script>\njQuery(function() {\n  jQuery(\"input[name='fee']\").attr(\"readonly\",true);\n  \n  jQuery(\"input[name='hall[]']\").change(calc);\n  jQuery(\"input[name='start_date']\").change(calc);\n  jQuery(\"input[name='end_date']\").change(calc);\n})\n\nfunction calc() {\n  var $halls = jQuery(\"input[name='hall[]']:checked\");\n  var $startDate = jQuery(\"input[name='start_date']\");\n  var $endDate = jQuery(\"input[name='end_date']\");\n\n  if($halls.length <= 0 || !$startDate.val() || !$endDate.val()) {\n    return false;\n  }\n\n  var hallAreas = 0;\n  $halls.each((index, $hall) => {\n    hallAreas += Number(jQuery($hall).val());\n  });\n\n  var fee = 0;\n\n  const discountMonths = [1,2,7,8,12];\n  const discountRates = 0.8;\n  const defaultFee = 1350;\n\n  var startDate = new Date($startDate.val());\n  var endDate = new Date($endDate.val());\n  \n  while (startDate <= endDate) {\n    fee += parseInt(defaultFee * hallAreas * (discountMonths.includes(startDate.getMonth() + 1) ? discountRates : 1));\n    startDate.setDate(startDate.getDate() + 1);\n  }\n\n  jQuery(\"input[name='fee']\").val(\"\uffe6\"+fee.toLocaleString());\n}\n<\/script><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><\/div><\/div><input type=\"hidden\" name=\"fusion_privacy_store_ip_ua\" value=\"false\"><input type=\"hidden\" name=\"fusion_privacy_expiration_interval\" value=\"48\"><input type=\"hidden\" name=\"privacy_expiration_action\" value=\"anonymize\"><\/form><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1456px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vue\/2.5.3\/vue.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue2-datepicker@3.11.1\/index.min.js\"><\/script>\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/vue2-datepicker@3.11.1\/index.min.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js?render=6Lfk7pEqAAAAANW4PuHOR786MHpzhpfmTjmYzrAa\"><\/script>\n\n<style>\n    .wrap-start-end-date {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        width: 100%;\n        position: relative;\n    }\n\n    .com_field.lease-period-container {\n        align-items: center;\n    }\n\n\n    .field_cont.grid_cont {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .inquiry_area .grid_cont.lease-period-wrap {\n        width: 100%;\n    }\n\n    .mx-datepicker {\n        width: 100%;\n        height: 3.125em;\n    }\n\n    .mx-input-wrapper {\n        height: 100%;\n    }\n<\/style>\n\n<div id=\"contact_mail\">\n    <section class=\"com_section_wrap\">\n        <div class=\"com_txt_box\">\n            <h2 class=\"com_title\" style=\"font-size: 2em;font-weight: 700;color: var(--point-02);line-height: 1.5em;\n    text-align: center;\">{{ t('inquiry_title') }}<\/h2>\n            <p class=\"com_field_desc\">{{ t('required_info') }}<\/p>\n        <\/div>\n        <article class=\"inquiry_area\">\n            <div class=\"com_field must_field\">\n                <label for=\"name\">{{ t('name') }} <span class=\"point02\">*<\/span><\/label>\n                <div class=\"field_cont\">\n                    <input type=\"text\" id=\"name\" v-model=\"mail.mailContents.name.value\" :placeholder=\"t('name_place_holder')\" autocomplete=\"off\">\n                <\/div>\n            <\/div>\n            <div class=\"com_field must_field\">\n                <label for=\"phone\">{{ t('phone') }} <span class=\"point02\">*<\/span><\/label>\n                <div class=\"field_cont\">\n                    <input type=\"text\" id=\"phone\" v-model=\"mail.mailContents.phone.value\" :placeholder=\"t('phone_place_holder')\" autocomplete=\"off\">\n                <\/div>\n            <\/div>\n            <div class=\"com_field\">\n                <label name=\"email\">{{ t('email') }}<\/label>\n                <div class=\"field_cont\">\n                    <input type=\"email\" id=\"email\" v-model=\"mail.mailContents.email.value\" :placeholder=\"t('email_place_holder')\" autocomplete=\"off\">\n                <\/div>\n            <\/div>\n            <div class=\"com_field must_field\">\n                <label name=\"company_name\">{{ t('company_name') }} <span class=\"point02\">*<\/span><\/label>\n                <div class=\"field_cont\">\n                    <input type=\"text\" id=\"company_name\" v-model=\"mail.mailContents.company_name.value\" :placeholder=\"t('company_name_place_holder')\" autocomplete=\"off\">\n                <\/div>\n            <\/div>\n\n            <div class=\"com_field w100 must_field\">\n                <label for=\"form-label\">{{ t('sale_company_type') }} <span class=\"point02\">*<\/span><\/label>\n                <div class=\"flex_cont\">\n                    <div class=\"ck_cont\" v-for=\"(saleCompanyType, index) in saleCompanyTypes\" :key=\"index\">\n                        <input type=\"radio\" :id=\"'sale_company_type_' + saleCompanyType.value\" :value=\"saleCompanyType\" name=\"sale_company_type\" v-model=\"selectedSaleCompanyType\">\n                        <label :for=\"'sale_company_type_' + saleCompanyType.value\">{{ t(saleCompanyType.label) }}<\/label>\n                    <\/div>\n                    <div class=\"ck_cont field_cont\" v-if=\"isShowSaleCompanyTypeEtc\">\n                        <input\n                            type=\"text\"\n                            id=\"sale_company_type_etc\"\n                            v-model=\"mail.mailContents.sale_company_type_etc.value\"\n                            :placeholder=\"t('etc_place_holder')\"\n                            autocomplete=\"off\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"com_field w100\">\n                <label for=\"form-label\">{{ t('sale_org_type') }} <span class=\"point02\">*<\/span><\/label>\n                <div class=\"flex_cont\">\n                    <div class=\"ck_cont\" v-for=\"(saleOrgType, index) in inquiryOrganizationTypes\" :key=\"'sale_org_type_' + index\">\n                        <input type=\"radio\" :id=\"'sale_org_type_' + saleOrgType.value\" :value=\"saleOrgType\" name=\"sale_org_type\" v-model=\"selectedSaleOrgType\">\n                        <label :for=\"'sale_org_type_' + saleOrgType.value\">{{ t(saleOrgType.label) }}<\/label>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- \ud589\uc0ac \uad6c\ubd84 -->\n            <div class=\"com_field w100 must_field\">\n                <label for=\"form-label\">\n                    {{ t('sale_event_type') }} <span class=\"point02\">*<\/span>\n                    <p class=\"point03\">{{ t('checkbox_notice') }}<\/p>\n                <\/label>\n                <div class=\"grid_cont2\">\n                    <div class=\"ck_cont\" v-for=\"(saleEventType, index) in saleEventTypes\" :key=\"index\">\n                        <input type=\"checkbox\" :id=\"'sale_event_type_' + saleEventType.value\" :value=\"saleEventType\" name=\"sale_event_type\" v-model=\"selectedSaleEventType\">\n                        <label :for=\"'sale_event_type_' + saleEventType.value\">{{ t(saleEventType.label) }}<\/label>\n                    <\/div>\n                    <div class=\"ck_cont field_cont\" v-if=\"isShowSaleEventTypeEtc\">\n                        <input\n                            type=\"text\"\n                            id=\"sale_event_type_etc\"\n                            v-model=\"mail.mailContents.sale_event_type_etc.value\"\n                            :placeholder=\"t('etc_place_holder')\"\n                            autocomplete=\"off\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\" com_field w100 lease-period-container\">\n                <label class=\"form-label custom-date-label\">{{ t('lease_period') }}<\/label>\n                <div class=\"field_cont grid_cont lease-period-wrap\">\n                    <div class=\"wrap-start-end-date\">\n                        <date-picker v-model=\"mail.mailContents.lease_start.value\" :placeholder=\"t('lease_period_place_holder')\"><\/date-picker>\n                    <\/div>\n                    <span class=\"at\">~<\/span>\n                    <div class=\"wrap-start-end-date\">\n                        <date-picker v-model=\"mail.mailContents.lease_end.value\" :placeholder=\"t('lease_period_place_holder')\"><\/date-picker>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"com_field w100\">\n                <label for=\"exhibition\">{{ t('event_details') }}<\/label>\n                <div class=\"textarea_cont\">\n                    <textarea name=\"exhibition\" id=\"exhibition\" v-model=\"mail.mailContents.exhibition.value\" :placeholder=\"t('event_details_place_holder')\" autocomplete=\"off\"><\/textarea>\n                <\/div>\n            <\/div>\n            <div class=\"com_field w100\">\n                <label for=\"notice\">{{ t('message') }}<\/label>\n                <div class=\"textarea_cont\">\n                    <textarea name=\"notice\" id=\"notice\" v-model=\"mail.mailContents.notice.value\" :placeholder=\"t('message_place_holder')\" autocomplete=\"off\"><\/textarea>\n                <\/div>\n            <\/div>\n            <div class=\"com_field w100 agree_field\">\n                <div class=\"field_tit\">{{ t('privacy_policy1') }}<br class=\"pc_view\">{{ t('privacy_policy2') }}<\/div>\n                <div class=\"textarea_cont\">\n                    <figure>\n                        <textarea name=\"agree_desc\" id=\"agree_desc\" readonly>{{ t('policy_content') }}<\/textarea>\n\n                        <figcaption>\n                            <label for=\"agree_ck\" class=\"ck_cont\">\n                                <input type=\"checkbox\" id=\"agree_ck\" name=\"agree_ck\" v-model=\"mail.mailContents.agree.value\" true-value=\"Y\" false-value=\"N\">\n                                <div class=\"txt\">\n                                    {{ t('check_privacy_policy') }}\n                                <\/div>\n                            <\/label>\n                        <\/figcaption>\n                    <\/figure>\n                <\/div>\n            <\/div>\n            <div class=\"btn_wrap\">\n                <button type=\"button\" @click=\"sendEmail()\" class=\"com_btn big primary_btn\">{{ t('submit') }}<\/button>\n            <\/div>\n        <\/article>\n    <\/section>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.blockUI\/2.70\/jquery.blockUI.min.js\"><\/script>\n\n<script>\n    var common = {\n      block: function() {\n        jQuery.blockUI({\n          message: null,\n          baseZ: 199999,\n          overlayCSS: {\n            backgroundColor: '#aaaaaa',\n            opacity: 0.4\n          }\n        });\n      },\n      unblock: function() {\n        jQuery.unblockUI();\n      }\n    };\n    let leaseExhibitionHallApplication = new Vue({\n      el: '#contact_mail',\n      data: {\n        mail: {\"toEmail\":\"yjkwak.es@esgroup.net\",\"fromEmail\":\"noti.es@esgroup.net\",\"fromName\":\"\\uc804\\uc2dc\\uc7a5_\\ub300\\uc5ec_\\ubb38\\uc758_\\uc54c\\ub9bc\",\"title\":\"[\\uc624\\uc2a4\\ucf54] \\uc804\\uc2dc\\uc7a5 \\ub300\\uc5ec \\ubb38\\uc758\",\"contents\":\"\",\"mailContents\":{\"name\":{\"id\":\"name\",\"displayName\":\"\\uc774\\ub984\",\"isRequired\":true,\"value\":\"\",\"isLongContents\":false},\"phone\":{\"id\":\"phone\",\"displayName\":\"\\uc5f0\\ub77d\\ucc98\",\"isRequired\":true,\"value\":\"\",\"isLongContents\":false},\"email\":{\"id\":\"email\",\"displayName\":\"\\uc774\\uba54\\uc77c\",\"isRequired\":false,\"value\":\"\",\"isLongContents\":false},\"company_name\":{\"id\":\"company_name\",\"displayName\":\"\\ud68c\\uc0ac\\uba85\",\"isRequired\":true,\"value\":\"\",\"isLongContents\":false},\"sale_company_type\":{\"id\":\"sale_company_type\",\"displayName\":\"\\ubb38\\uc758\\uc5c5\\uccb4 \\uc720\\ud615\",\"isRequired\":true,\"value\":\"\",\"isLongContents\":false},\"sale_company_type_etc\":{\"id\":\"sale_company_type_etc\",\"displayName\":\"\\ubb38\\uc758\\uc5c5\\uccb4 \\uc720\\ud615 \\uae30\\ud0c0\",\"isRequired\":false,\"value\":\"\",\"isLongContents\":false},\"sale_org_type\":{\"id\":\"sale_org_type\",\"displayName\":\"\\ubb38\\uc758\\uc5c5\\uccb4 \\uae30\\uad00\\\/\\uc18c\\uc18d\",\"isRequired\":true,\"value\":\"\",\"isLongContents\":false},\"sale_event_type\":{\"id\":\"sale_event_type\",\"displayName\":\"\\ud589\\uc0ac \\uad6c\\ubd84\",\"isRequired\":true,\"value\":\"\",\"isLongContents\":false},\"sale_event_type_etc\":{\"id\":\"sale_event_type_etc\",\"displayName\":\"\\ud589\\uc0ac \\uad6c\\ubd84 \\uae30\\ud0c0\",\"isRequired\":false,\"value\":\"\",\"isLongContents\":false},\"lease_start\":{\"id\":\"lease_start\",\"displayName\":\"\\uc784\\ub300\\uc2dc\\uc791\\uc77c\",\"isRequired\":false,\"value\":\"\",\"isLongContents\":false},\"lease_end\":{\"id\":\"lease_end\",\"displayName\":\"\\uc784\\ub300\\ub9c8\\uac10\\uc77c\",\"isRequired\":false,\"value\":\"\",\"isLongContents\":false},\"agree\":{\"id\":\"agree\",\"displayName\":\"\\uac1c\\uc778\\uc815\\ubcf4 \\ucde8\\uae09 \\ub3d9\\uc758\",\"isRequired\":true,\"value\":\"\",\"isLongContents\":false},\"exhibition\":{\"id\":\"exhibition\",\"displayName\":\"\\ud589\\uc0ac\\ub0b4\\uc6a9\",\"isRequired\":false,\"value\":\"\",\"isLongContents\":false},\"notice\":{\"id\":\"notice\",\"displayName\":\"\\uc804\\ub2ec\\uc0ac\\ud56d\",\"isRequired\":false,\"value\":\"\",\"isLongContents\":false}},\"mailEventClassString\":\"MesseEsang\\\\Wordpress\\\\Plugins\\\\ContactMail\\\\Event\\\\LeaseMailEvent\",\"placeType\":1},\n        translations: {\"inquiry_title\":\"\\ubb38\\uc758\\ud558\\uae30\",\"required_info\":\"*\\ud544\\uc218\\uc785\\ub825 \\uc815\\ubcf4\\uc785\\ub2c8\\ub2e4.\",\"name\":\"\\uc774\\ub984\",\"name_place_holder\":\"\\uc774\\ub984\\uc744 \\uc785\\ub825\\ud558\\uc138\\uc694.\",\"phone\":\"\\uc5f0\\ub77d\\ucc98\",\"phone_place_holder\":\"\\uc5f0\\ub77d\\ucc98\\ub97c \\uc785\\ub825\\ud558\\uc138\\uc694.(ex: 01012345678)\",\"phone_place_holder2\":\"\\uc5f0\\ub77d\\ucc98\\ub97c \\uc785\\ub825\\ud558\\uc138\\uc694.\",\"email\":\"\\uc774\\uba54\\uc77c\",\"email_place_holder\":\"\\uc774\\uba54\\uc77c\\uc744 \\uc785\\ub825\\ud558\\uc138\\uc694.(ex. Osco@osco.or.kr)\",\"company_name\":\"\\ud68c\\uc0ac\\uba85\",\"company_name_place_holder\":\"\\ud68c\\uc0ac\\uba85\\uc744 \\uc785\\ub825\\ud558\\uc138\\uc694.\",\"sale_company_type\":\"\\ubb38\\uc758\\uc5c5\\uccb4 \\uc720\\ud615\",\"sale_org_type\":\"\\ubb38\\uc758\\uc5c5\\uccb4 \\uae30\\uad00\\\/\\uc18c\\uc18d\",\"government_agency\":\"\\uc815\\ubd80\\uae30\\uad00\",\"public_institution\":\"\\uacf5\\uacf5\\uae30\\uad00\",\"academic_society\":\"\\ud559\\ud68c\",\"private_company\":\"\\uc77c\\ubc18\\uae30\\uc5c5\",\"individual\":\"\\uac1c\\uc778\",\"organizer\":\"\\uc8fc\\ucd5c\\uc0ac\",\"agency\":\"\\ub300\\ud589\\uc0ac\",\"sale_event_type\":\"\\ud589\\uc0ac \\uad6c\\ubd84\",\"checkbox_notice\":\"\\ubcf5\\uc218\\uc120\\ud0dd \\uac00\\ub2a5\",\"corporate_meeting\":\"\\uae30\\uc5c5\\ud68c\\uc758\",\"public_meeting\":\"\\uacf5\\uacf5\\ud68c\\uc758\",\"academic_conference\":\"\\ud559\\uc220\\ud68c\\uc758\",\"exhibition_seminar\":\"\\uc804\\uc2dc\\ubd80\\ub300\\uc138\\ubbf8\\ub098\",\"performance_event\":\"\\uacf5\\uc5f0 \\\/ \\uc774\\ubca4\\ud2b8\",\"filming\":\"\\ucd2c\\uc601 \\\/ \\uc81c\\uc791\\ubc1c\\ud45c\\ud68c\",\"exhibition\":\"\\uc804\\uc2dc\\ud68c \\\/ \\ubc15\\ub78c\\ud68c\",\"public_campaign\":\"\\uacf5\\uacf5\\ucea0\\ud398\\uc778\",\"other\":\"\\uae30\\ud0c0\",\"etc_place_holder\":\"'\\uae30\\ud0c0'\\uc120\\ud0dd \\uc2dc \\ub0b4\\uc6a9\\uc744 \\uc785\\ub825\\ud558\\uc138\\uc694. *\",\"lease_period\":\"\\uc784\\ub300\\uae30\\uac04\",\"lease_period_place_holder\":\"\\uc5f0\\ub3c4-\\uc6d4-\\uc77c\",\"lease_period_start_label\":\"* \\uc2dc\\uc791 \\ub0a0\\uc9dc\\ub97c \\uc120\\ud0dd\\ud558\\uc138\\uc694.\",\"lease_period_end_label\":\"* \\uc885\\ub8cc \\ub0a0\\uc9dc\\ub97c \\uc120\\ud0dd\\ud558\\uc138\\uc694.\",\"event_details\":\"\\ud589\\uc0ac\\ub0b4\\uc6a9\",\"event_details_place_holder\":\"\\ud589\\uc0ac\\uc5d0 \\ub300\\ud55c \\uac04\\ub2e8\\ud55c \\uc124\\uba85\\uc744 \\uc801\\uc5b4\\uc8fc\\uc138\\uc694.\",\"event_people\":\"\\ud589\\uc0ac\\uc778\\uc6d0\",\"event_people_place_holder\":\"\\uc778\\uc6d0\\uc218\\ub97c \\uc785\\ub825\\ud558\\uc138\\uc694(ex.20)\",\"catering\":\"\\ucf00\\uc774\\ud130\\ub9c1 \\uc5ec\\ubd80\",\"apply\":\"\\uc2e0\\uccad\",\"not_apply\":\"\\ubbf8\\uc2e0\\uccad\",\"event_description\":\"\\ud589\\uc0ac\\ub0b4\\uc6a9\",\"message\":\"\\uc804\\ub2ec\\uc0ac\\ud56d\",\"message_place_holder\":\"\\uba54\\uc138\\uc9c0\\ub97c \\uc785\\ub825\\ud574\\uc8fc\\uc138\\uc694.\",\"privacy_policy1\":\"\\uac1c\\uc778\\uc815\\ubcf4 \\uc218\\uc9d1 \\ubc0f \",\"privacy_policy2\":\"\\uc774\\uc6a9 \\ub3d9\\uc758 \\uc57d\\uad00\",\"check_privacy_policy\":\"\\uac1c\\uc778\\uc815\\ubcf4\\uc218\\uc9d1 \\ubc0f \\uc774\\uc6a9\\uc5d0 \\ub3d9\\uc758\\ud569\\ub2c8\\ub2e4.\",\"submit\":\"\\uc2e0\\uccad\\ud558\\uae30\",\"policy_content\":\"\\uccad\\uc8fc\\uc624\\uc2a4\\ucf54\\ub294 \\u2018\\uac1c\\uc778\\uc815\\ubcf4 \\ubcf4\\ud638\\ubc95\\u2019\\uc5d0 \\ub530\\ub77c, \\ubcf8\\uc778\\uc758 \\ub3d9\\uc758\\ub97c \\ubc1b\\uc544 \\uace0\\uac1d \\uc0c1\\ub2f4\\uc744 \\uc704\\ud55c \\uac1c\\uc778\\uc815\\ubcf4\\ub97c \\uc544\\ub798\\uc640 \\uac19\\uc774 \\uc218\\uc9d1\\u00b7\\uc774\\uc6a9\\ud569\\ub2c8\\ub2e4.\\n\\uac1c\\uc778\\uc815\\ubcf4 \\uc218\\uc9d1\\u00b7\\uc774\\uc6a9\\uc5d0 \\ub300\\ud574\\uc11c \\uac70\\ubd80\\ud558\\uc2e4 \\uc218 \\uc788\\uc73c\\ub098, \\uac70\\ubd80 \\uc2dc\\uc5d0\\ub294 \\uc0c1\\ub2f4\\uc774 \\ubd88\\uac00\\ud569\\ub2c8\\ub2e4.\\n\\n[\\uac1c\\uc778\\uc815\\ubcf4 \\uc218\\uc9d1\\ud56d\\ubaa9 \\ubc0f \\uc218\\uc9d1\\u00b7\\uc774\\uc6a9 \\ubaa9\\uc801]\\n1. \\uc218\\uc9d1\\ud56d\\ubaa9 : \\uc774\\ub984, \\ud68c\\uc0ac\\uba85(\\ubc95\\uc778\\uace0\\uac1d \\ub300\\uc0c1), \\uc5f0\\ub77d\\ucc98, \\uc774\\uba54\\uc77c\\uc8fc\\uc18c, \\ubb38\\uc758 \\ubc0f \\uacc4\\uc57d\\ub0b4\\uc5ed\\n2. \\uc218\\uc9d1\\u00b7\\uc774\\uc6a9 \\ubaa9\\uc801 : \\uccad\\uc8fc\\uc624\\uc2a4\\ucf54 \\uc804\\uc2dc\\uc7a5 \\ub300\\uad00 \\ubb38\\uc758(\\ub300\\uad00 \\ube44\\uc6a9, \\uc77c\\uc815 \\uc870\\uc728 \\ub4f1), \\ud589\\uc0ac \\uc9c4\\ud589\\uc0c1\\ud669 \\uc548\\ub0b4\\n\\n[\\uac1c\\uc778\\uc815\\ubcf4 \\ubcf4\\uc720 \\ubc0f \\uc774\\uc6a9\\uae30\\uac04]\\n- \\uace0\\uac1d \\ubb38\\uc758 \\ud655\\uc778 \\uc2dc \\uc989\\uc2dc\\ud30c\\uae30 \\ub610\\ub294 \\ubb38\\uc758 \\ub4f1\\ub85d\\uc77c \\uae30\\uc900 30\\uc77c \\uc774\\ub0b4 \\ud30c\\uae30\\n\\n[\\uac1c\\uc778\\uc815\\ubcf4\\uc758 \\uc815\\uc815 \\ubc0f \\ucca0\\ud68c]\\n\\ud544\\uc694\\ud55c \\uacbd\\uc6b0 \\uac1c\\uc778\\uc815\\ubcf4 \\uc815\\uc815 \\ubc0f \\ucca0\\ud68c\\ub97c \\uc694\\uccad\\ud560 \\uc218 \\uc788\\uc2b5\\ub2c8\\ub2e4.\\n1. \\ub2f4\\ub2f9\\uc790 : \\ucd5c\\uc7ac\\uc778 \\ud300\\uc7a5\\n2. \\uc5f0\\ub77d\\ucc98: 043-230-4034 \\\/ jichoi.es@esgroup.net\\n\\n\\uccad\\uc8fc\\uc624\\uc2a4\\ucf54\\uc758 \\uac1c\\uc778\\uc815\\ubcf4\\ucde8\\uae09\\ubc29\\uce68\\uc740 \\ubd88\\uac00\\ud53c\\ud55c \\uacbd\\uc6b0 \\ubcc0\\uacbd\\ub420 \\uc218 \\uc788\\uc73c\\uba70, \\ubcc0\\uacbd \\uc2dc\\uc5d0\\ub294 \\uacf5\\uc9c0\\uc0ac\\ud56d\\uc744 \\ud1b5\\ud574 \\uace0\\uc9c0\\ud569\\ub2c8\\ub2e4.\",\"rental_guide\":\"\\uc784\\ub300\\ubb38\\uc758\",\"banner_submit\":\"Apply\"},\n        requireFields: [\"name\",\"phone\",\"company_name\",\"sale_company_type\",\"sale_org_type\",\"sale_event_type\",\"agree\"],\n        saleCompanyTypes: [{\"value\":1,\"label\":\"organizer\",\"displayName\":\"\\uc8fc\\ucd5c\\uc0ac\"},{\"value\":2,\"label\":\"agency\",\"displayName\":\"\\ub300\\ud589\\uc0ac\"},{\"value\":20,\"label\":\"other\",\"displayName\":\"\\uae30\\ud0c0\"}],\n        inquiryOrganizationTypes: [{\"value\":1,\"label\":\"government_agency\",\"displayName\":\"\\uc815\\ubd80\\uae30\\uad00\"},{\"value\":2,\"label\":\"public_institution\",\"displayName\":\"\\uacf5\\uacf5\\uae30\\uad00\"},{\"value\":3,\"label\":\"academic_society\",\"displayName\":\"\\ud559\\ud68c\"},{\"value\":4,\"label\":\"private_company\",\"displayName\":\"\\uc77c\\ubc18\\uae30\\uc5c5\"},{\"value\":5,\"label\":\"individual\",\"displayName\":\"\\uac1c\\uc778\"},{\"value\":20,\"label\":\"other\",\"displayName\":\"\\uae30\\ud0c0\"}],\n        saleEventTypes: [{\"value\":1,\"label\":\"corporate_meeting\",\"displayName\":\"\\uae30\\uc5c5\\ud68c\\uc758\"},{\"value\":2,\"label\":\"public_meeting\",\"displayName\":\"\\uacf5\\uacf5\\ud68c\\uc758\"},{\"value\":3,\"label\":\"academic_conference\",\"displayName\":\"\\ud559\\uc220\\ud68c\\uc758\"},{\"value\":4,\"label\":\"exhibition_seminar\",\"displayName\":\"\\uc804\\uc2dc\\ubd80\\ub300\\uc138\\ubbf8\\ub098\"},{\"value\":5,\"label\":\"performance_event\",\"displayName\":\"\\uacf5\\uc5f0 \\\/ \\uc774\\ubca4\\ud2b8\"},{\"value\":6,\"label\":\"filming\",\"displayName\":\"\\ucd2c\\uc601 \\\/ \\uc81c\\uc791\\ubc1c\\ud45c\\ud68c\"},{\"value\":7,\"label\":\"exhibition\",\"displayName\":\"\\uc804\\uc2dc\\ud68c \\\/ \\ubc15\\ub78c\\ud68c\"},{\"value\":8,\"label\":\"public_campaign\",\"displayName\":\"\\uacf5\\uacf5\\ucea0\\ud398\\uc778\"},{\"value\":20,\"label\":\"other\",\"displayName\":\"\\uae30\\ud0c0\"}],\n        agreePrivacyPolicy: false,\n        showPolicy: false,\n        siteKey: '6Lfk7pEqAAAAANW4PuHOR786MHpzhpfmTjmYzrAa',\n        tokenValue: '',\n      },\n      watch: {\n        \"mail.mailContents.lease_start.value\": function(newVal) {\n          if (new Date(newVal) > new Date(this.mail.mailContents.lease_end.value)) {\n            this.mail.mailContents.lease_end.value = '';\n          }\n        },\n      },\n      computed: {\n        selectedSaleCompanyType: {\n          get: function() {\n            const saleCompanyType = this.saleCompanyTypes.find(saleCompanyType => saleCompanyType.displayName === this.mail.mailContents.sale_company_type.value);\n            return saleCompanyType ? saleCompanyType : null;\n          },\n          set: function(newValue) {\n            this.mail.mailContents.sale_company_type.value = newValue.displayName;\n          },\n        },\n        selectedSaleOrgType: {\n          get: function() {\n            const saleOrgType = this.inquiryOrganizationTypes.find(saleOrgType => saleOrgType.displayName === this.mail.mailContents.sale_org_type.value);\n            return saleOrgType ? saleOrgType : null;\n          },\n          set: function(newValue) {\n            this.mail.mailContents.sale_org_type.value = newValue.displayName;\n          },\n        },\n        selectedSaleEventType: {\n          get: function() {\n            const self = this;\n            const saleEventType = this.saleEventTypes.filter(function(saleEventType) {\n              if (Array.isArray(self.mail.mailContents.sale_event_type.value)) {\n                return self.mail.mailContents.sale_event_type.value.includes(saleEventType.displayName);\n              }\n\n              return []\n            });\n            return saleEventType.length > 0 ? saleEventType : [];\n          },\n          set: function(newValue) {\n            if (Array.isArray(this.mail.mailContents.sale_event_type.value)) {\n              this.mail.mailContents.sale_event_type.value = newValue.map(saleEventType => saleEventType.displayName);\n            } else {\n              this.mail.mailContents.sale_event_type.value = [newValue.displayName];\n            }\n          },\n        },\n        isShowSaleCompanyTypeEtc() {\n          return this.mail.mailContents.sale_company_type.value == '\uae30\ud0c0';\n        },\n        isShowSaleEventTypeEtc() {\n          return this.mail.mailContents.sale_event_type.value && this.mail.mailContents.sale_event_type.value.includes('\uae30\ud0c0');\n        },\n      },\n      mounted() {\n        if (!Array.isArray(this.mail.mailContents.sale_event_type.value)) {\n          this.mail.mailContents.sale_event_type.value = []\n        }\n      },\n      methods: {\n        t(key) {\n          return this.translations[key] || key;\n        },\n        setRecaptchaToken() {\n          return new Promise((resolve, reject) => {\n            grecaptcha.ready(() => {\n              grecaptcha.execute(this.siteKey, {\n                action: 'homepage'\n              }).then((token) => {\n                this.tokenValue = token;\n                resolve(token);\n              }).catch(reject);\n            });\n          });\n        },\n        sendEmail() {\n          common.block();\n          if (!this.validateForm()) {\n            common.unblock();\n\n            return false;\n          }\n\n          this.setRecaptchaToken().then((token) => {\n            const postData = {\n              action: 'contact_email_send',\n              token,\n              mail: this.mail,\n            };\n\n            const startDate = this.formatDate(this.mail.mailContents.lease_start.value);\n            const endDate = this.formatDate(this.mail.mailContents.lease_end.value);\n\n            postData.mail.mailContents.lease_start.value = startDate ?? null;\n            postData.mail.mailContents.lease_end.value = endDate ?? null;\n\n            if (postData.mail.mailContents.phone.value) {\n              postData.mail.mailContents.phone.value = postData.mail.mailContents.phone.value.replace(\/[^\\d]\/g, '');\n            }\n\n            jQuery.post({\n              url: 'https:\/\/osco.or.kr\/eng\/wp-admin\/admin-ajax.php',\n              data: postData,\n              success: (response) => {\n                common.unblock();\n\n                console.log(response)\n\n                if (response.state) {\n                  alert('\ubb38\uc758 \ub0b4\uc5ed\uc774 \uc811\uc218 \ub418\uc5c8\uc2b5\ub2c8\ub2e4.\\nYour application has been received.')\n\n                  \/\/ \uc2e0\uccad\uc644\ub8cc \uc2a4\ud06c\ub9bd\ud2b8\n                  \/\/ \ub124\uc774\ubc84:\n                  if (window.wcs) {\n                    if (!wcs_add) var wcs_add = {};\n                    wcs_add['wa'] = 'AccountID';\n                    var _conv = {};\n                    _conv.type = 'lead';\n                    wcs.trans(_conv);\n                  }\n                } else {\n                  const message = response.message || '\ubb38\uc758 \ub0b4\uc5ed \uc811\uc218\uc5d0 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4.\\n\uc0c8\ub85c \uace0\uce68 \ud6c4 \ub2e4\uc2dc \uc2dc\ub3c4\ud574 \uc8fc\uc138\uc694.';\n                  alert(message)\n                }\n                setTimeout(() => {\n                  location.reload();\n                  return;\n                }, 500);\n              },\n              error: (jqXHR, textStatus, errorThrown) => {\n                common.unblock();\n\n                var message = jqXHR.responseJSON?.data?.message;\n                if (!message) message = '\uc0c8\ub85c \uace0\uce68 \ud6c4 \ub2e4\uc2dc \uc2dc\ub3c4\ud574 \uc8fc\uc138\uc694'\n                alert(message);\n              }\n            });\n          }).catch(() => {\n            common.unblock();\n            alert('reCAPTCHA \ud1a0\ud070 \ubc1c\uae09\uc5d0 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4. \uc0c8\ub85c \uace0\uce68 \ud6c4 \ub2e4\uc2dc \uc2dc\ub3c4\ud574 \uc8fc\uc138\uc694.');\n          });\n        },\n        validateForm() {\n          const errorMessage = []\n          const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/\n          const mailContents = this.mail.mailContents\n\n          this.requireFields.forEach(fieldId => {\n            const fieldValue = mailContents[fieldId].value;\n\n            if (!Array.isArray(fieldValue)) {\n              if (!fieldValue) {\n                errorMessage.push(' - ' + mailContents[fieldId].displayName);\n              }\n            } else if (fieldValue.length === 0) {\n              errorMessage.push(' - ' + mailContents[fieldId].displayName);\n            }\n\n            if (fieldId === 'agree' && mailContents.agree.value === 'N') {\n              errorMessage.push(' - ' + mailContents[fieldId].displayName);\n            }\n\n            if (fieldId === 'phone' && mailContents.phone.value) {\n              const phoneValue = mailContents.phone.value.toString().replace(\/[^\\d]\/g, '');\n              if (phoneValue.length < 9) {\n                errorMessage.push(' - ' + mailContents[fieldId].displayName + '\uc740(\ub294) 9\uc790\ub9ac \uc774\uc0c1 \uc22b\uc790\uc5ec\uc57c \ud569\ub2c8\ub2e4.');\n              }\n            }\n          })\n\n          if (mailContents['sale_company_type'].value == '\uae30\ud0c0' && !mailContents['sale_company_type_etc'].value) {\n            errorMessage.push(' - \ubb38\uc758\uc5c5\uccb4 \uc720\ud615 \uae30\ud0c0 \ub0b4\uc6a9\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.');\n          }\n\n          if (mailContents['sale_event_type'].value && mailContents['sale_event_type'].value.includes('\uae30\ud0c0') && !mailContents['sale_event_type_etc'].value) {\n            errorMessage.push(' - \ud589\uc0ac \uad6c\ubd84 \uae30\ud0c0 \ub0b4\uc6a9\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.');\n          }\n\n          if (mailContents.email.value && !emailPattern.test(mailContents.email.value)) {\n            errorMessage.push(' - \uc774\uba54\uc77c \ud615\uc2dd\uc774 \uc720\ud6a8\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.');\n          }\n\n          if (errorMessage.length === 0) {\n            return true;\n          }\n\n          alert('\ub2e4\uc74c\uc758 \uac12\uc744 \ud655\uc778\ud574\uc8fc\uc138\uc694. \\r\\n' + errorMessage.join('\\r\\n'));\n          return false;\n        },\n        formatDate(dateString) {\n          if (!dateString) {\n            return null;\n          }\n\n          const date = new Date(dateString);\n\n          if (isNaN(date.getTime())) {\n            return null;\n          }\n\n          const year = date.getFullYear();\n          const month = String(date.getMonth() + 1).padStart(2, '0');\n          const day = String(date.getDate()).padStart(2, '0');\n          return `${year}-${month}-${day}`;\n        }\n      }\n    });\n<\/script>\n<\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>test - OSCO ENG<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/osco.or.kr\/eng\/test\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"test - OSCO ENG\" \/>\n<meta property=\"og:url\" content=\"https:\/\/osco.or.kr\/eng\/test\/\" \/>\n<meta property=\"og:site_name\" content=\"OSCO ENG\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-04T07:39:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/28095145\/main-01-1024x427.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"427\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/osco.or.kr\/eng\/test\/\",\"url\":\"https:\/\/osco.or.kr\/eng\/test\/\",\"name\":\"test - OSCO ENG\",\"isPartOf\":{\"@id\":\"https:\/\/osco.or.kr\/eng\/#website\"},\"datePublished\":\"2024-06-26T06:47:41+00:00\",\"dateModified\":\"2024-12-04T07:39:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/osco.or.kr\/eng\/test\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/osco.or.kr\/eng\/test\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/osco.or.kr\/eng\/test\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/osco.or.kr\/eng\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"test\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/osco.or.kr\/eng\/#website\",\"url\":\"https:\/\/osco.or.kr\/eng\/\",\"name\":\"\uccad\uc8fc\uc624\uc2a4\ucf54\",\"description\":\"\uc624\uc2a4\ucf54\",\"alternateName\":\"osco\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/osco.or.kr\/eng\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"test - OSCO ENG","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/osco.or.kr\/eng\/test\/","og_locale":"en_US","og_type":"article","og_title":"test - OSCO ENG","og_url":"https:\/\/osco.or.kr\/eng\/test\/","og_site_name":"OSCO ENG","article_modified_time":"2024-12-04T07:39:50+00:00","og_image":[{"width":1024,"height":427,"url":"https:\/\/d2u77gqg41v474.cloudfront.net\/app\/uploads\/2024\/06\/28095145\/main-01-1024x427.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/osco.or.kr\/eng\/test\/","url":"https:\/\/osco.or.kr\/eng\/test\/","name":"test - OSCO ENG","isPartOf":{"@id":"https:\/\/osco.or.kr\/eng\/#website"},"datePublished":"2024-06-26T06:47:41+00:00","dateModified":"2024-12-04T07:39:50+00:00","breadcrumb":{"@id":"https:\/\/osco.or.kr\/eng\/test\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/osco.or.kr\/eng\/test\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/osco.or.kr\/eng\/test\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/osco.or.kr\/eng\/"},{"@type":"ListItem","position":2,"name":"test"}]},{"@type":"WebSite","@id":"https:\/\/osco.or.kr\/eng\/#website","url":"https:\/\/osco.or.kr\/eng\/","name":"\uccad\uc8fc\uc624\uc2a4\ucf54","description":"\uc624\uc2a4\ucf54","alternateName":"osco","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/osco.or.kr\/eng\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/osco.or.kr\/eng\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/osco.or.kr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/osco.or.kr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/osco.or.kr\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/osco.or.kr\/eng\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":0,"href":"https:\/\/osco.or.kr\/eng\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"wp:attachment":[{"href":"https:\/\/osco.or.kr\/eng\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}